Ui Settings Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Ui Settings icon is commonly used in admin panels, user preferences and configuration pages. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/306803.svg" alt="Ui Settings icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306803.svg" alt="Ui Settings icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306803.svg" alt="Ui Settings icon" :width="24" :height="24" />
CSS background
.icon-ui-settings {
background-image: url('https://proicons.com/icon/306803.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M770 692c-13-5-27-10-39-16-27-13-41-34-41-63-1-30 13-52 39-65 9-5 18-9 28-12 15-5 22-15 20-31-2-34-14-65-37-91-10-12-23-16-38-9-8 4-17 7-25 10-29 10-55 4-76-17-21-20-26-51-14-78 2-5 4-11 6-15 8-15 4-27-7-37-25-22-54-36-88-39-16-1-27 4-33 20-2 8-5 15-9 23-14 26-35 40-64 39-30 0-51-15-63-41-5-10-8-19-12-28-4-15-15-22-29-21-37 3-70 16-97 41-10 10-13 22-7 36 4 8 7 17 10 25 10 27 5 51-13 72-19 21-44 27-72 20-8-3-17-6-25-10-16-8-28-4-39 9-21 25-35 54-38 87-3 22 3 29 23 38 6 2 12 5 18 8 25 14 39 36 38 65-1 30-15 51-42 64-7 3-13 6-20 8-15 5-21 16-20 32 2 30 12 57 29 82 15 23 24 26 50 15 27-11 53-11 78 6 31 22 41 59 24 99-6 15-7 28 5 39 27 23 57 38 92 40 16 1 28-4 33-21 2-7 5-15 9-22 12-27 39-44 67-43s54 20 64 47c3 6 5 12 7 18 9 20 17 26 39 23 29-4 57-15 80-34 18-14 20-24 12-45-3-6-5-12-7-18-11-29-6-55 16-76 22-22 48-27 77-16 11 4 23 9 34 14 12 6 23 5 31-4 28-29 44-63 44-104 1-12-6-20-18-24zM393 792c-99-1-178-82-178-181 1-98 82-177 181-176 98 0 177 80 176 179 0 99-80 178-179 178zm2-265c-47-1-87 37-88 84-1 48 37 87 85 89 47 1 87-38 88-85s-38-87-85-88zm-1 127c-23 0-41-18-41-41 0-22 18-40 40-40s40 18 41 40c0 22-18 40-40 41zm438-264c-1-4-1-8-1-12-1-15 8-29 21-35s29-3 40 7l8 6c8 8 14 8 23 2 12-9 22-20 29-34 5-11 3-16-5-24-3-2-5-4-8-6-11-11-15-24-10-39s16-23 32-25c6-1 12-1 19-1 6 0 11-3 13-9 6-20 6-39-4-58-2-6-7-8-14-7s-14 2-21 2c-15 0-27-7-34-20s-6-26 3-39c3-4 7-8 10-11 6-6 7-13 3-19-9-15-22-27-39-34-7-3-14-2-19 5-3 4-6 7-9 10-11 12-24 15-39 10-14-5-24-17-25-33v-8c0-9-4-13-12-15-16-5-33-4-49 2-8 3-12 8-11 17 1 4 1 8 1 12 0 15-7 27-20 33-14 7-27 5-39-4-4-3-8-7-11-11-6-5-12-6-18-2-17 10-29 23-35 41-3 7-2 13 5 18 4 3 7 6 10 9 11 10 14 22 11 36-4 14-14 23-29 26-4 1-9 1-13 1-9 0-14 5-16 13-4 17-4 33 2 49 4 11 8 13 20 12h10c15 0 26 7 32 21 7 14 5 27-4 39-3 3-5 6-8 8-5 6-6 12-2 19 8 14 19 24 33 32 12 7 17 6 26-5 10-11 22-17 37-15 20 2 33 17 34 40 1 8 4 14 12 16 17 5 34 4 51-3 7-3 11-8 10-17zM702 246c-22-46-3-100 42-123 45-22 100-4 123 42 22 45 4 100-42 122-45 23-100 4-123-41zm63-81c-22 11-31 38-21 60s37 31 59 21c22-11 32-38 21-60-10-21-37-31-59-21zm29 59c-10 5-23 1-28-9s-1-23 9-28 22-1 28 9c5 10 1 23-9 28zm198 242c-2-1-5-2-8-3-6-2-10-6-10-13-1-6 1-11 7-14 2-1 3-2 5-3 4-2 5-4 4-7-1-8-4-14-9-19-3-2-6-3-9-1-1 1-3 1-5 2-6 3-11 2-16-2s-7-10-5-16c0-1 1-3 1-4 2-3 1-5-2-7-6-5-12-7-20-7-3 0-5 1-6 5-1 2-1 3-2 5-2 6-7 9-13 10s-11-3-14-8l-3-6c-1-3-4-4-7-4-8 2-14 5-20 11-2 2-2 5 0 8 1 2 1 3 2 5 3 6 2 11-1 16-4 5-9 6-15 5-2 0-4-1-6-1-3-2-6 0-8 2-4 6-6 13-6 20-1 4 1 6 5 7 2 1 3 1 4 2 6 2 9 7 10 13 0 6-3 11-8 14-1 1-3 2-4 3-3 1-4 3-4 7 1 6 4 12 8 17 4 4 6 5 11 2 6-3 11-3 17 0 7 4 10 11 7 20-1 4-1 6 2 8 6 5 13 7 20 7 4 0 6-1 7-5 0-2 1-3 1-5 3-6 8-10 14-10 6-1 12 3 15 8 0 2 1 3 2 4 2 4 4 5 8 4 6-1 12-4 17-9 3-3 3-5 1-9 0-2-1-3-2-4-2-6-2-12 2-17 5-5 10-6 16-5 3 1 6 2 8 3 3 1 5 0 7-2 5-6 8-14 7-23 0-2-2-4-5-4zm-78 28c-21 2-40-13-42-35-2-21 14-39 35-41s40 14 42 35-14 40-35 41zm-5-56c-10 0-18 9-17 20 0 10 9 18 20 17 10-1 18-10 17-20s-10-18-20-17zm2 27c-5 1-9-3-9-8-1-5 3-9 8-9 4-1 9 3 9 7s-3 9-8 10z"/></svg>
More from IcoFont
View all
Ui Settings in other icon packs
Copied!