SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
UiE02UqF
N/A
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.24 KB
768 bytes
-39%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<svg width="200" height="200" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gemini_gradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="10%" style="stop-color:#2D6CDF;stop-opacity:1"></stop> <stop offset="45%" style="stop-color:#9A68F6;stop-opacity:1"></stop> <stop offset="55%" style="stop-color:#E87A6E;stop-opacity:1"></stop> <stop offset="90%" style="stop-color:#F04838;stop-opacity:1"></stop> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.2"></fedropshadow> </filter> </defs> <g transform="translate(-8, 8)"> <circle cx="45" cy="45" r="24" stroke="#333333" stroke-width="7" fill="none"></circle> <line x1="62" y1="62" x2="82" y2="82" stroke="#333333" stroke-width="7" stroke-linecap="round"></line> </g> <g filter="url(#shadow)"> <path d="M78 8 C 78 20, 83 28, 98 28 C 83 28, 78 36, 78 48 C 78 36, 73 28, 58 28 C 73 28, 78 20, 78 8 Z" fill="url(#gemini_gradient)" stroke="none"></path> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.24 KB
768 bytes
-39%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<svg width="200" height="200" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="gemini_gradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="10%" style="stop-color:#2D6CDF;stop-opacity:1"></stop> <stop offset="45%" style="stop-color:#9A68F6;stop-opacity:1"></stop> <stop offset="55%" style="stop-color:#E87A6E;stop-opacity:1"></stop> <stop offset="90%" style="stop-color:#F04838;stop-opacity:1"></stop> </linearGradient> <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> <fedropshadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.2"></fedropshadow> </filter> </defs> <g transform="translate(-8, 8)"> <circle cx="45" cy="45" r="24" stroke="#333333" stroke-width="7" fill="none"></circle> <line x1="62" y1="62" x2="82" y2="82" stroke="#333333" stroke-width="7" stroke-linecap="round"></line> </g> <g filter="url(#shadow)"> <path d="M78 8 C 78 20, 83 28, 98 28 C 83 28, 78 36, 78 48 C 78 36, 73 28, 58 28 C 73 28, 78 20, 78 8 Z" fill="url(#gemini_gradient)" stroke="none"></path> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG