SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Button Button
Sewing 2
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
1.32 KB
864 bytes
-36%
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/177567/button-button --> <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"> <g> <path style="fill:#EF705D;" d="M512,256c0,141.383-114.617,256-256,256S0,397.383,0,256S114.617,0,256,0S512,114.617,512,256"/> <path style="fill:#BC5949;" d="M256,441.379c-102.223,0-185.379-83.156-185.379-185.379S153.777,70.621,256,70.621 S441.379,153.777,441.379,256S358.223,441.379,256,441.379"/> <g> <path style="fill:#EF705D;" d="M353.103,300.138c-24.373,0-44.138-19.765-44.138-44.138s19.765-44.138,44.138-44.138 s44.138,19.765,44.138,44.138S377.476,300.138,353.103,300.138"/> <path style="fill:#EF705D;" d="M158.897,300.138c-24.373,0-44.138-19.765-44.138-44.138s19.765-44.138,44.138-44.138 s44.138,19.765,44.138,44.138S183.27,300.138,158.897,300.138"/> </g> <path style="fill:#FFE4B3;" d="M353.103,264.828H158.897c-4.873,0-8.828-3.946-8.828-8.828s3.955-8.828,8.828-8.828h194.207 c4.873,0,8.828,3.946,8.828,8.828S357.976,264.828,353.103,264.828"/> </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
1.32 KB
864 bytes
-36%
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/177567/button-button --> <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"> <g> <path style="fill:#EF705D;" d="M512,256c0,141.383-114.617,256-256,256S0,397.383,0,256S114.617,0,256,0S512,114.617,512,256"/> <path style="fill:#BC5949;" d="M256,441.379c-102.223,0-185.379-83.156-185.379-185.379S153.777,70.621,256,70.621 S441.379,153.777,441.379,256S358.223,441.379,256,441.379"/> <g> <path style="fill:#EF705D;" d="M353.103,300.138c-24.373,0-44.138-19.765-44.138-44.138s19.765-44.138,44.138-44.138 s44.138,19.765,44.138,44.138S377.476,300.138,353.103,300.138"/> <path style="fill:#EF705D;" d="M158.897,300.138c-24.373,0-44.138-19.765-44.138-44.138s19.765-44.138,44.138-44.138 s44.138,19.765,44.138,44.138S183.27,300.138,158.897,300.138"/> </g> <path style="fill:#FFE4B3;" d="M353.103,264.828H158.897c-4.873,0-8.828-3.946-8.828-8.828s3.955-8.828,8.828-8.828h194.207 c4.873,0,8.828,3.946,8.828,8.828S357.976,264.828,353.103,264.828"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download