SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Safe
Flat Ui Icons
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
2.2 KB
1.91 KB
-13%
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="utf-8"?> <!-- License: MIT. Made by designmodo: https://github.com/designmodo/Flat-UI --> <svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#C8CACA" d="M47.931 3.242V1.767c-16.767.791-28.518 5.227-35.851 13.557C5.789 22.471 2.536 33.2 1.95 47.406h1.483c1.265-29.27 14.472-42.76 44.498-44.164zm48.585 43.914l1.473.109c-.586-14.216-3.84-24.562-10.131-31.714C80.525 7.217 68.773 2.776 52.007 1.986v1.476c30.025 1.404 43.244 14.403 44.509 43.694zM3.432 52.719H1.95c.586 14.139 3.9 24.692 10.186 31.805 7.328 8.289 19.071 12.705 35.827 13.49v-1.468C17.957 95.15 4.696 81.848 3.432 52.719zm48.605 43.609v1.469c16.756-.787 28.499-5.206 35.826-13.501C94.15 77.18 97.4 66.898 97.986 52.75h-1.455c-1.263 29.148-14.488 42.182-44.494 43.578z"/> <path fill="#35495E" d="M3 47a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm94 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM50 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 94a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/> <path fill="#E64B3C" d="M50 5C25.147 5 5 25.147 5 50c0 24.854 20.147 45 45 45 24.854 0 45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/> <path d="M50 5C25.147 5 5 25.147 5 50c0 24.854 20.147 45 45 45 24.854 0 45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z" fill="none"/> <defs> <path id="a" d="M50 5C25.146 5 5 25.147 5 50c0 24.854 20.146 45 45 45s45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/> </defs> <clipPath id="b"> <use xlink:href="#a" overflow="visible"/> </clipPath> <g clip-path="url(#b)" fill="#C54132"> <path d="M67 58l33 33V58zM50 41V-1L13 4z"/> </g> <defs> <path id="c" d="M50 5C25.147 5 5 25.147 5 50c0 24.854 20.147 45 45 45 24.854 0 45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/> </defs> <clipPath id="d"> <use xlink:href="#c" overflow="visible"/> </clipPath> <path clip-path="url(#d)" fill="#EBECED" d="M70 38v24h26V38H70zM4 62h26V38H4v24zm34 34h24V70H38v26zm0-66h24V4H38v26z"/> </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
2.2 KB
1.91 KB
-13%
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="utf-8"?> <!-- License: MIT. Made by designmodo: https://github.com/designmodo/Flat-UI --> <svg width="800px" height="800px" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path fill="#C8CACA" d="M47.931 3.242V1.767c-16.767.791-28.518 5.227-35.851 13.557C5.789 22.471 2.536 33.2 1.95 47.406h1.483c1.265-29.27 14.472-42.76 44.498-44.164zm48.585 43.914l1.473.109c-.586-14.216-3.84-24.562-10.131-31.714C80.525 7.217 68.773 2.776 52.007 1.986v1.476c30.025 1.404 43.244 14.403 44.509 43.694zM3.432 52.719H1.95c.586 14.139 3.9 24.692 10.186 31.805 7.328 8.289 19.071 12.705 35.827 13.49v-1.468C17.957 95.15 4.696 81.848 3.432 52.719zm48.605 43.609v1.469c16.756-.787 28.499-5.206 35.826-13.501C94.15 77.18 97.4 66.898 97.986 52.75h-1.455c-1.263 29.148-14.488 42.182-44.494 43.578z"/> <path fill="#35495E" d="M3 47a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm94 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM50 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 94a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/> <path fill="#E64B3C" d="M50 5C25.147 5 5 25.147 5 50c0 24.854 20.147 45 45 45 24.854 0 45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/> <path d="M50 5C25.147 5 5 25.147 5 50c0 24.854 20.147 45 45 45 24.854 0 45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z" fill="none"/> <defs> <path id="a" d="M50 5C25.146 5 5 25.147 5 50c0 24.854 20.146 45 45 45s45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/> </defs> <clipPath id="b"> <use xlink:href="#a" overflow="visible"/> </clipPath> <g clip-path="url(#b)" fill="#C54132"> <path d="M67 58l33 33V58zM50 41V-1L13 4z"/> </g> <defs> <path id="c" d="M50 5C25.147 5 5 25.147 5 50c0 24.854 20.147 45 45 45 24.854 0 45-20.146 45-45C95 25.147 74.854 5 50 5zm0 69c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/> </defs> <clipPath id="d"> <use xlink:href="#c" overflow="visible"/> </clipPath> <path clip-path="url(#d)" fill="#EBECED" d="M70 38v24h26V38H70zM4 62h26V38H4v24zm34 34h24V70H38v26zm0-66h24V4H38v26z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG