SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Cool
Emoticons 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.34 KB
1.84 KB
-21%
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
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/134341/cool --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#FFC200;" cx="256" cy="256" r="248"/> <path style="fill:#F2B800;" d="M256,8c-6.74,0-13.396,0.344-20,0.872C363.596,19.068,464,125.772,464,256 S363.596,492.928,236,503.128c6.604,0.528,13.26,0.872,20,0.872c136.96,0,248-111.032,248-248S392.96,8,256,8z"/> <path style="fill:#263740;" d="M312,180c-4.416,0-8-3.584-8-8c0-24.736-24.884-36-48-36s-48,11.264-48,36c0,4.416-3.584,8-8,8 s-8-3.584-8-8c0-34.14,32.196-52,64-52s64,17.86,64,52C320,176.416,316.416,180,312,180z"/> <path style="fill:#F2B800;" d="M256,461.916c-61.608,0-120.028-26.048-160.28-71.452c-3.936-4.44-5.916-10.164-5.568-16.1 c0.36-5.936,3.004-11.376,7.448-15.32c4.08-3.616,9.32-5.608,14.764-5.608c6.368,0,12.436,2.74,16.66,7.5 c31.812,35.884,78.088,56.46,126.968,56.46c48.752,0,94.932-20.468,126.696-56.156c4.232-4.744,10.288-7.46,16.636-7.46 c5.456,0,10.712,2,14.792,5.632c4.436,3.948,7.076,9.396,7.416,15.328c0.352,5.936-1.64,11.656-5.584,16.096 C375.752,436.004,317.448,461.916,256,461.916z"/> <path style="fill:#F5F5F5;" d="M256,450.78c-58.424,0-113.808-24.672-151.952-67.704c-4.08-4.592-3.656-11.632,0.94-15.712 c4.604-4.084,11.636-3.656,15.712,0.944c33.924,38.272,83.244,60.212,135.3,60.212c51.932,0,101.14-21.828,135.012-59.888 c4.084-4.584,11.116-5,15.712-0.916s5.004,11.12,0.916,15.712C369.548,426.236,314.28,450.78,256,450.78z"/> <circle style="fill:#263740;" cx="112" cy="192" r="112"/> <path style="fill:#C2E2F2;" d="M112,288c-52.932,0-96-43.064-96-96s43.068-96,96-96s96,43.064,96,96S164.932,288,112,288z"/> <circle style="fill:#263740;" cx="400" cy="192" r="112"/> <path style="fill:#C2E2F2;" d="M400,288c-52.932,0-96-43.064-96-96s43.068-96,96-96s96,43.064,96,96S452.932,288,400,288z"/> <g> <circle style="fill:#DAEAF2;" cx="64" cy="140" r="8"/> <circle style="fill:#DAEAF2;" cx="64" cy="176" r="16"/> <circle style="fill:#DAEAF2;" cx="356" cy="140" r="8"/> <circle style="fill:#DAEAF2;" cx="356" cy="176" r="16"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.34 KB
1.84 KB
-21%
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
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/134341/cool --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <circle style="fill:#FFC200;" cx="256" cy="256" r="248"/> <path style="fill:#F2B800;" d="M256,8c-6.74,0-13.396,0.344-20,0.872C363.596,19.068,464,125.772,464,256 S363.596,492.928,236,503.128c6.604,0.528,13.26,0.872,20,0.872c136.96,0,248-111.032,248-248S392.96,8,256,8z"/> <path style="fill:#263740;" d="M312,180c-4.416,0-8-3.584-8-8c0-24.736-24.884-36-48-36s-48,11.264-48,36c0,4.416-3.584,8-8,8 s-8-3.584-8-8c0-34.14,32.196-52,64-52s64,17.86,64,52C320,176.416,316.416,180,312,180z"/> <path style="fill:#F2B800;" d="M256,461.916c-61.608,0-120.028-26.048-160.28-71.452c-3.936-4.44-5.916-10.164-5.568-16.1 c0.36-5.936,3.004-11.376,7.448-15.32c4.08-3.616,9.32-5.608,14.764-5.608c6.368,0,12.436,2.74,16.66,7.5 c31.812,35.884,78.088,56.46,126.968,56.46c48.752,0,94.932-20.468,126.696-56.156c4.232-4.744,10.288-7.46,16.636-7.46 c5.456,0,10.712,2,14.792,5.632c4.436,3.948,7.076,9.396,7.416,15.328c0.352,5.936-1.64,11.656-5.584,16.096 C375.752,436.004,317.448,461.916,256,461.916z"/> <path style="fill:#F5F5F5;" d="M256,450.78c-58.424,0-113.808-24.672-151.952-67.704c-4.08-4.592-3.656-11.632,0.94-15.712 c4.604-4.084,11.636-3.656,15.712,0.944c33.924,38.272,83.244,60.212,135.3,60.212c51.932,0,101.14-21.828,135.012-59.888 c4.084-4.584,11.116-5,15.712-0.916s5.004,11.12,0.916,15.712C369.548,426.236,314.28,450.78,256,450.78z"/> <circle style="fill:#263740;" cx="112" cy="192" r="112"/> <path style="fill:#C2E2F2;" d="M112,288c-52.932,0-96-43.064-96-96s43.068-96,96-96s96,43.064,96,96S164.932,288,112,288z"/> <circle style="fill:#263740;" cx="400" cy="192" r="112"/> <path style="fill:#C2E2F2;" d="M400,288c-52.932,0-96-43.064-96-96s43.068-96,96-96s96,43.064,96,96S452.932,288,400,288z"/> <g> <circle style="fill:#DAEAF2;" cx="64" cy="140" r="8"/> <circle style="fill:#DAEAF2;" cx="64" cy="176" r="16"/> <circle style="fill:#DAEAF2;" cx="356" cy="140" r="8"/> <circle style="fill:#DAEAF2;" cx="356" cy="176" r="16"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download