SVG
Viewer
Dark mode
Light mode
Hide sidebar
Record Button
Openmoji Vectors
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
561 bytes
288 bytes
-49%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: CC Attribution. Made by Openmoji.org: https://github.com/hfg-gmuend/openmoji/blob/master/LICENSE.txt --> <svg width="72px" height="72px" viewBox="0 0 72 72" id="emoji" xmlns="http://www.w3.org/2000/svg"> <g id="color"/> <g id="line"> <circle cx="36" cy="36" r="20" fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/> <circle cx="36" cy="36" r="7" fill="#000000" stroke="none"/> </g> <g id="color-foreground"> <circle cx="36" cy="36" r="7" fill="#D22F27" stroke="none"/> </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
-1px x -1px
Change dimensions
Optimize
561 bytes
288 bytes
-49%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: CC Attribution. Made by Openmoji.org: https://github.com/hfg-gmuend/openmoji/blob/master/LICENSE.txt --> <svg width="72px" height="72px" viewBox="0 0 72 72" id="emoji" xmlns="http://www.w3.org/2000/svg"> <g id="color"/> <g id="line"> <circle cx="36" cy="36" r="20" fill="none" stroke="#000000" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/> <circle cx="36" cy="36" r="7" fill="#000000" stroke="none"/> </g> <g id="color-foreground"> <circle cx="36" cy="36" r="7" fill="#D22F27" stroke="none"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download