SVG
Viewer
Dark mode
Light mode
Hide sidebar
Blur Circular
Core Ui Line 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.54 KB
2.11 KB
-17%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: GPL. Made by coreui: https://github.com/coreui/coreui-icons/ --> <svg width="512px" height="512px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="var(--ci-primary-color, currentColor)" d="M256,16A240,240,0,0,0,86.294,425.705,240,240,0,0,0,425.706,86.294,238.432,238.432,0,0,0,256,16ZM403.078,403.078h0c-81.1,81.1-213.058,81.1-294.157,0s-81.1-213.057,0-294.156a208.238,208.238,0,0,1,294.157,0C484.177,190.021,484.177,321.979,403.078,403.078Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M197.483,242.382a46.332,46.332,0,1,0-32.776-13.555A46.206,46.206,0,0,0,197.483,242.382ZM187.334,185.9a14.354,14.354,0,1,1,0,20.3A14.311,14.311,0,0,1,187.334,185.9Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M314.517,242.382a46.344,46.344,0,1,0-32.777-79.109h0a46.332,46.332,0,0,0,32.777,79.108ZM304.367,185.9a14.354,14.354,0,1,1,0,20.3A14.371,14.371,0,0,1,304.367,185.9Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M164.707,283.173a46.353,46.353,0,1,0,65.553,0A46.048,46.048,0,0,0,164.707,283.173ZM207.633,326.1a14.347,14.347,0,1,1,0-20.3A14.372,14.372,0,0,1,207.633,326.1Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M281.74,283.173a46.354,46.354,0,1,0,65.553,0A46.406,46.406,0,0,0,281.74,283.173ZM324.666,326.1a14.354,14.354,0,1,1,4.2-10.15A14.372,14.372,0,0,1,324.666,326.1Z" class="ci-primary"/> <circle cx="314.517" cy="98.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-9.217 314.534 98.505)"/> <circle cx="197.483" cy="98.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-9.217 197.493 98.505)"/> <circle cx="314.517" cy="413.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-67.5 314.517 413.5)"/> <circle cx="197.483" cy="413.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-67.5 197.483 413.5)"/> <circle cx="413.5" cy="314.517" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-22.5 413.5 314.518)"/> <circle cx="413.5" cy="197.483" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-58.283 413.496 197.483)"/> <circle cx="98.5" cy="314.517" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <circle cx="98.5" cy="197.483" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </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
2.54 KB
2.11 KB
-17%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: GPL. Made by coreui: https://github.com/coreui/coreui-icons/ --> <svg width="512px" height="512px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"> <path fill="var(--ci-primary-color, currentColor)" d="M256,16A240,240,0,0,0,86.294,425.705,240,240,0,0,0,425.706,86.294,238.432,238.432,0,0,0,256,16ZM403.078,403.078h0c-81.1,81.1-213.058,81.1-294.157,0s-81.1-213.057,0-294.156a208.238,208.238,0,0,1,294.157,0C484.177,190.021,484.177,321.979,403.078,403.078Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M197.483,242.382a46.332,46.332,0,1,0-32.776-13.555A46.206,46.206,0,0,0,197.483,242.382ZM187.334,185.9a14.354,14.354,0,1,1,0,20.3A14.311,14.311,0,0,1,187.334,185.9Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M314.517,242.382a46.344,46.344,0,1,0-32.777-79.109h0a46.332,46.332,0,0,0,32.777,79.108ZM304.367,185.9a14.354,14.354,0,1,1,0,20.3A14.371,14.371,0,0,1,304.367,185.9Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M164.707,283.173a46.353,46.353,0,1,0,65.553,0A46.048,46.048,0,0,0,164.707,283.173ZM207.633,326.1a14.347,14.347,0,1,1,0-20.3A14.372,14.372,0,0,1,207.633,326.1Z" class="ci-primary"/> <path fill="var(--ci-primary-color, currentColor)" d="M281.74,283.173a46.354,46.354,0,1,0,65.553,0A46.406,46.406,0,0,0,281.74,283.173ZM324.666,326.1a14.354,14.354,0,1,1,4.2-10.15A14.372,14.372,0,0,1,324.666,326.1Z" class="ci-primary"/> <circle cx="314.517" cy="98.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-9.217 314.534 98.505)"/> <circle cx="197.483" cy="98.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-9.217 197.493 98.505)"/> <circle cx="314.517" cy="413.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-67.5 314.517 413.5)"/> <circle cx="197.483" cy="413.5" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-67.5 197.483 413.5)"/> <circle cx="413.5" cy="314.517" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-22.5 413.5 314.518)"/> <circle cx="413.5" cy="197.483" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary" transform="rotate(-58.283 413.496 197.483)"/> <circle cx="98.5" cy="314.517" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> <circle cx="98.5" cy="197.483" r="29.637" fill="var(--ci-primary-color, currentColor)" class="ci-primary"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download