Settings Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The 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/306469.svg" alt="Settings icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306469.svg" alt="Settings icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306469.svg" alt="Settings icon" :width="24" :height="24" />
CSS background
.icon-settings {
background-image: url('https://proicons.com/icon/306469.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="M890 434H401c-23-45-70-75-125-75-54 0-101 30-125 75h-41c-10 0-18 8-18 18v96c0 10 8 18 18 18h41c24 45 71 75 125 75 55 0 102-30 125-75h489c10 0 18-8 18-18v-96c0-10-8-18-18-18zM305 566c-8 4-18 6-29 6s-20-2-29-6c-25-11-43-37-43-66s18-55 43-66c9-4 19-6 30-6 10 0 20 2 29 6 25 11 43 36 43 66-1 29-18 55-44 66zm585-428H748c-24-45-71-76-125-76s-101 31-125 76H110c-10 0-18 8-18 18v95c0 10 8 19 18 19h388c23 44 71 75 125 75s101-31 125-75h142c10 0 18-9 18-19v-95c0-10-8-18-18-18zM652 270c-9 3-19 6-29 6s-20-3-29-6c-26-12-43-37-43-66 0-30 17-55 43-66 8-4 18-6 29-6s20 2 29 6c25 11 43 36 43 66 0 29-18 54-43 66zm238 460H657c-24-44-71-75-125-75-55 0-102 30-125 75H110c-10 0-18 8-18 19v95c0 10 8 18 18 18h297c23 45 71 75 125 75s101-30 125-75h233c10 0 18-8 18-18v-95c0-11-8-19-18-19zM561 862c-9 4-19 6-29 6s-21-2-29-6c-26-11-43-36-43-66 0-29 17-54 43-66 8-4 18-6 29-6 10 0 20 2 29 6 25 11 43 37 43 66 0 30-18 55-43 66z"/></svg>
More from IcoFont
View all
Settings in other icon packs
Copied!