SVG
Viewer
Dark mode
Light mode
Hide sidebar
Bar
User Interface 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
1018 bytes
591 bytes
-42%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/108687/bar --> <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 496 496" style="enable-background:new 0 0 496 496;" xml:space="preserve"> <path style="fill:#1BCEB8;" d="M496,244c0,11.2-8.8,20-20,20H20c-11.2,0-20-8.8-20-20l0,0c0-11.2,8.8-20,20-20h456 C487.2,224,496,232.8,496,244L496,244z"/> <path style="fill:#0DBFBA;" d="M496,244c0-11.2-8.8-20-20-20H215.2c-0.8,8-1.6,16.8-1.6,24c0,7.2,0,8,0.8,16H476 C487.2,264,496,255.2,496,244z"/> <circle style="fill:#FFFFFF;" cx="364" cy="248" r="96.8"/> <path style="fill:#D6E5E2;" d="M432.8,316.8c-37.6,37.6-99.2,37.6-137.6,0c-37.6-37.6-37.6-99.2,0-137.6"/> <path style="fill:#DFEDE8;" d="M295.2,179.2c37.6-37.6,99.2-37.6,137.6,0c37.6,37.6,37.6,99.2,0,137.6"/> </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
1018 bytes
591 bytes
-42%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/108687/bar --> <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 496 496" style="enable-background:new 0 0 496 496;" xml:space="preserve"> <path style="fill:#1BCEB8;" d="M496,244c0,11.2-8.8,20-20,20H20c-11.2,0-20-8.8-20-20l0,0c0-11.2,8.8-20,20-20h456 C487.2,224,496,232.8,496,244L496,244z"/> <path style="fill:#0DBFBA;" d="M496,244c0-11.2-8.8-20-20-20H215.2c-0.8,8-1.6,16.8-1.6,24c0,7.2,0,8,0.8,16H476 C487.2,264,496,255.2,496,244z"/> <circle style="fill:#FFFFFF;" cx="364" cy="248" r="96.8"/> <path style="fill:#D6E5E2;" d="M432.8,316.8c-37.6,37.6-99.2,37.6-137.6,0c-37.6-37.6-37.6-99.2,0-137.6"/> <path style="fill:#DFEDE8;" d="M295.2,179.2c37.6-37.6,99.2-37.6,137.6,0c37.6,37.6,37.6,99.2,0,137.6"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download