ios cog icon
ios-cog-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-cog-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios cog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448 272.754v-32.008l-33.291-8.703-2.601-13.204 27.594-20.905-12.197-29.608-34.392 4.802-7.498-10.603 17.696-29.708-22.594-22.605-30.192 17.404-10.697-7.302 5.298-35.009-29.492-12.303-21.594 28.308-12.297-2.601L273.045 64h-31.991l-9.197 34.909-12.098 2.4-21.494-29.008-29.592 12.304 4.799 35.709-11.697 7.202-31.292-18.705-22.594 22.606 18.795 31.508-6.698 10.502-35.49-5.001-12.197 29.608 28.893 21.706-2.399 12.203L64 240.846v32.008l34.69 8.903 2.4 12.503-28.394 21.306 12.297 29.508 34.991-5.002 7.099 11.303-17.896 30.608 22.595 22.605 30.192-18.204 11.196 7.302-4.498 34.31 29.592 12.202 20.595-27.807 13.396 2.5L241.054 448h31.991l8.298-33.109 13.597-2.601 20.694 27.107 29.593-12.204-4.998-33.708 10.196-7.401 28.992 16.904 22.595-22.606-16.795-28.907 7.896-11.403 33.791 4.802 12.298-29.508-27.193-20.506 2.7-13.503L448 272.754zm-28.293 48.013l-2.8 6.702-31.891-4.501-18.896 27.807 15.695 27.106-5.198 5.202-27.293-15.904-26.593 18.204 4.799 31.809-6.698 2.802-19.595-25.607-32.892 6.501-7.798 31.209h-7.198l-8.397-31.309-32.592-6.501-19.495 26.406-6.698-2.801 4.399-32.509-27.493-18.304-28.793 17.504-5.099-5.101 16.996-29.108-18.096-27.606-33.191 4.701-2.699-6.603 26.894-20.205-6.199-31.809-32.991-8.502v-7.202l32.991-8.402 6.299-31.608-27.293-20.505 2.699-6.602 33.691 4.801 17.796-26.807-17.996-30.008 4.999-5.001 20.595 12.303 9.197 5.501 27.893-18.205-4.499-33.809 6.699-2.8 20.294 27.407 31.492-6.102 8.798-33.208h7.198l8.298 33.008 31.691 6.301 20.095-26.807 6.598 2.801-4.999 33.108 27.193 18.105 28.292-16.205 5.1 5.102-16.695 28.007 18.396 27.007 32.491-4.601 2.799 6.702-26.193 19.705 6.498 32.508 31.292 8.102v7.202l-31.391 8.103-6.499 32.709 25.993 19.807z" fill="currentColor"/><path d="M256 128c-70.692 0-128 57.308-128 128 0 70.693 57.308 128 128 128s128-57.307 128-128c0-70.692-57.308-128-128-128zM144 256c0-29.916 11.65-58.042 32.804-79.195C197.958 155.65 226.084 144 256 144c7.496 0 14.88.732 22.069 2.161L250.3 250.1l-104.155 27.888A113.183 113.183 0 0 1 144 256zm112 112c-29.917 0-58.042-11.65-79.196-32.804-11.927-11.926-20.831-26.069-26.331-41.499L253.9 266.2l74.935 74.889C308.558 358.501 283.009 368 256 368zm84.154-38.099L265.2 254.9l28.05-104.58c15.604 5.487 29.904 14.443 41.945 26.484C356.35 197.958 368 226.084 368 256c0 27.486-9.841 53.457-27.846 73.901z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosCogOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448 272.754v-32.008l-33.291-8.703-2.601-13.204 27.594-20.905-12.197-29.608-34.392 4.802-7.498-10.603 17.696-29.708-22.594-22.605-30.192 17.404-10.697-7.302 5.298-35.009-29.492-12.303-21.594 28.308-12.297-2.601L273.045 64h-31.991l-9.197 34.909-12.098 2.4-21.494-29.008-29.592 12.304 4.799 35.709-11.697 7.202-31.292-18.705-22.594 22.606 18.795 31.508-6.698 10.502-35.49-5.001-12.197 29.608 28.893 21.706-2.399 12.203L64 240.846v32.008l34.69 8.903 2.4 12.503-28.394 21.306 12.297 29.508 34.991-5.002 7.099 11.303-17.896 30.608 22.595 22.605 30.192-18.204 11.196 7.302-4.498 34.31 29.592 12.202 20.595-27.807 13.396 2.5L241.054 448h31.991l8.298-33.109 13.597-2.601 20.694 27.107 29.593-12.204-4.998-33.708 10.196-7.401 28.992 16.904 22.595-22.606-16.795-28.907 7.896-11.403 33.791 4.802 12.298-29.508-27.193-20.506 2.7-13.503L448 272.754zm-28.293 48.013l-2.8 6.702-31.891-4.501-18.896 27.807 15.695 27.106-5.198 5.202-27.293-15.904-26.593 18.204 4.799 31.809-6.698 2.802-19.595-25.607-32.892 6.501-7.798 31.209h-7.198l-8.397-31.309-32.592-6.501-19.495 26.406-6.698-2.801 4.399-32.509-27.493-18.304-28.793 17.504-5.099-5.101 16.996-29.108-18.096-27.606-33.191 4.701-2.699-6.603 26.894-20.205-6.199-31.809-32.991-8.502v-7.202l32.991-8.402 6.299-31.608-27.293-20.505 2.699-6.602 33.691 4.801 17.796-26.807-17.996-30.008 4.999-5.001 20.595 12.303 9.197 5.501 27.893-18.205-4.499-33.809 6.699-2.8 20.294 27.407 31.492-6.102 8.798-33.208h7.198l8.298 33.008 31.691 6.301 20.095-26.807 6.598 2.801-4.999 33.108 27.193 18.105 28.292-16.205 5.1 5.102-16.695 28.007 18.396 27.007 32.491-4.601 2.799 6.702-26.193 19.705 6.498 32.508 31.292 8.102v7.202l-31.391 8.103-6.499 32.709 25.993 19.807z" fill="currentColor"/><path d="M256 128c-70.692 0-128 57.308-128 128 0 70.693 57.308 128 128 128s128-57.307 128-128c0-70.692-57.308-128-128-128zM144 256c0-29.916 11.65-58.042 32.804-79.195C197.958 155.65 226.084 144 256 144c7.496 0 14.88.732 22.069 2.161L250.3 250.1l-104.155 27.888A113.183 113.183 0 0 1 144 256zm112 112c-29.917 0-58.042-11.65-79.196-32.804-11.927-11.926-20.831-26.069-26.331-41.499L253.9 266.2l74.935 74.889C308.558 358.501 283.009 368 256 368zm84.154-38.099L265.2 254.9l28.05-104.58c15.604 5.487 29.904 14.443 41.945 26.484C356.35 197.958 368 226.084 368 256c0 27.486-9.841 53.457-27.846 73.901z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M448 272.754v-32.008l-33.291-8.703-2.601-13.204 27.594-20.905-12.197-29.608-34.392 4.802-7.498-10.603 17.696-29.708-22.594-22.605-30.192 17.404-10.697-7.302 5.298-35.009-29.492-12.303-21.594 28.308-12.297-2.601L273.045 64h-31.991l-9.197 34.909-12.098 2.4-21.494-29.008-29.592 12.304 4.799 35.709-11.697 7.202-31.292-18.705-22.594 22.606 18.795 31.508-6.698 10.502-35.49-5.001-12.197 29.608 28.893 21.706-2.399 12.203L64 240.846v32.008l34.69 8.903 2.4 12.503-28.394 21.306 12.297 29.508 34.991-5.002 7.099 11.303-17.896 30.608 22.595 22.605 30.192-18.204 11.196 7.302-4.498 34.31 29.592 12.202 20.595-27.807 13.396 2.5L241.054 448h31.991l8.298-33.109 13.597-2.601 20.694 27.107 29.593-12.204-4.998-33.708 10.196-7.401 28.992 16.904 22.595-22.606-16.795-28.907 7.896-11.403 33.791 4.802 12.298-29.508-27.193-20.506 2.7-13.503L448 272.754zm-28.293 48.013l-2.8 6.702-31.891-4.501-18.896 27.807 15.695 27.106-5.198 5.202-27.293-15.904-26.593 18.204 4.799 31.809-6.698 2.802-19.595-25.607-32.892 6.501-7.798 31.209h-7.198l-8.397-31.309-32.592-6.501-19.495 26.406-6.698-2.801 4.399-32.509-27.493-18.304-28.793 17.504-5.099-5.101 16.996-29.108-18.096-27.606-33.191 4.701-2.699-6.603 26.894-20.205-6.199-31.809-32.991-8.502v-7.202l32.991-8.402 6.299-31.608-27.293-20.505 2.699-6.602 33.691 4.801 17.796-26.807-17.996-30.008 4.999-5.001 20.595 12.303 9.197 5.501 27.893-18.205-4.499-33.809 6.699-2.8 20.294 27.407 31.492-6.102 8.798-33.208h7.198l8.298 33.008 31.691 6.301 20.095-26.807 6.598 2.801-4.999 33.108 27.193 18.105 28.292-16.205 5.1 5.102-16.695 28.007 18.396 27.007 32.491-4.601 2.799 6.702-26.193 19.705 6.498 32.508 31.292 8.102v7.202l-31.391 8.103-6.499 32.709 25.993 19.807z" fill="currentColor"/><path d="M256 128c-70.692 0-128 57.308-128 128 0 70.693 57.308 128 128 128s128-57.307 128-128c0-70.692-57.308-128-128-128zM144 256c0-29.916 11.65-58.042 32.804-79.195C197.958 155.65 226.084 144 256 144c7.496 0 14.88.732 22.069 2.161L250.3 250.1l-104.155 27.888A113.183 113.183 0 0 1 144 256zm112 112c-29.917 0-58.042-11.65-79.196-32.804-11.927-11.926-20.831-26.069-26.331-41.499L253.9 266.2l74.935 74.889C308.558 358.501 283.009 368 256 368zm84.154-38.099L265.2 254.9l28.05-104.58c15.604 5.487 29.904 14.443 41.945 26.484C356.35 197.958 368 226.084 368 256c0 27.486-9.841 53.457-27.846 73.901z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-cog-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20272.754v-32.008l-33.291-8.703-2.601-13.204%2027.594-20.905-12.197-29.608-34.392%204.802-7.498-10.603%2017.696-29.708-22.594-22.605-30.192%2017.404-10.697-7.302%205.298-35.009-29.492-12.303-21.594%2028.308-12.297-2.601L273.045%2064h-31.991l-9.197%2034.909-12.098%202.4-21.494-29.008-29.592%2012.304%204.799%2035.709-11.697%207.202-31.292-18.705-22.594%2022.606%2018.795%2031.508-6.698%2010.502-35.49-5.001-12.197%2029.608%2028.893%2021.706-2.399%2012.203L64%20240.846v32.008l34.69%208.903%202.4%2012.503-28.394%2021.306%2012.297%2029.508%2034.991-5.002%207.099%2011.303-17.896%2030.608%2022.595%2022.605%2030.192-18.204%2011.196%207.302-4.498%2034.31%2029.592%2012.202%2020.595-27.807%2013.396%202.5L241.054%20448h31.991l8.298-33.109%2013.597-2.601%2020.694%2027.107%2029.593-12.204-4.998-33.708%2010.196-7.401%2028.992%2016.904%2022.595-22.606-16.795-28.907%207.896-11.403%2033.791%204.802%2012.298-29.508-27.193-20.506%202.7-13.503L448%20272.754zm-28.293%2048.013l-2.8%206.702-31.891-4.501-18.896%2027.807%2015.695%2027.106-5.198%205.202-27.293-15.904-26.593%2018.204%204.799%2031.809-6.698%202.802-19.595-25.607-32.892%206.501-7.798%2031.209h-7.198l-8.397-31.309-32.592-6.501-19.495%2026.406-6.698-2.801%204.399-32.509-27.493-18.304-28.793%2017.504-5.099-5.101%2016.996-29.108-18.096-27.606-33.191%204.701-2.699-6.603%2026.894-20.205-6.199-31.809-32.991-8.502v-7.202l32.991-8.402%206.299-31.608-27.293-20.505%202.699-6.602%2033.691%204.801%2017.796-26.807-17.996-30.008%204.999-5.001%2020.595%2012.303%209.197%205.501%2027.893-18.205-4.499-33.809%206.699-2.8%2020.294%2027.407%2031.492-6.102%208.798-33.208h7.198l8.298%2033.008%2031.691%206.301%2020.095-26.807%206.598%202.801-4.999%2033.108%2027.193%2018.105%2028.292-16.205%205.1%205.102-16.695%2028.007%2018.396%2027.007%2032.491-4.601%202.799%206.702-26.193%2019.705%206.498%2032.508%2031.292%208.102v7.202l-31.391%208.103-6.499%2032.709%2025.993%2019.807z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20128c-70.692%200-128%2057.308-128%20128%200%2070.693%2057.308%20128%20128%20128s128-57.307%20128-128c0-70.692-57.308-128-128-128zM144%20256c0-29.916%2011.65-58.042%2032.804-79.195C197.958%20155.65%20226.084%20144%20256%20144c7.496%200%2014.88.732%2022.069%202.161L250.3%20250.1l-104.155%2027.888A113.183%20113.183%200%200%201%20144%20256zm112%20112c-29.917%200-58.042-11.65-79.196-32.804-11.927-11.926-20.831-26.069-26.331-41.499L253.9%20266.2l74.935%2074.889C308.558%20358.501%20283.009%20368%20256%20368zm84.154-38.099L265.2%20254.9l28.05-104.58c15.604%205.487%2029.904%2014.443%2041.945%2026.484C356.35%20197.958%20368%20226.084%20368%20256c0%2027.486-9.841%2053.457-27.846%2073.901z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M448%20272.754v-32.008l-33.291-8.703-2.601-13.204%2027.594-20.905-12.197-29.608-34.392%204.802-7.498-10.603%2017.696-29.708-22.594-22.605-30.192%2017.404-10.697-7.302%205.298-35.009-29.492-12.303-21.594%2028.308-12.297-2.601L273.045%2064h-31.991l-9.197%2034.909-12.098%202.4-21.494-29.008-29.592%2012.304%204.799%2035.709-11.697%207.202-31.292-18.705-22.594%2022.606%2018.795%2031.508-6.698%2010.502-35.49-5.001-12.197%2029.608%2028.893%2021.706-2.399%2012.203L64%20240.846v32.008l34.69%208.903%202.4%2012.503-28.394%2021.306%2012.297%2029.508%2034.991-5.002%207.099%2011.303-17.896%2030.608%2022.595%2022.605%2030.192-18.204%2011.196%207.302-4.498%2034.31%2029.592%2012.202%2020.595-27.807%2013.396%202.5L241.054%20448h31.991l8.298-33.109%2013.597-2.601%2020.694%2027.107%2029.593-12.204-4.998-33.708%2010.196-7.401%2028.992%2016.904%2022.595-22.606-16.795-28.907%207.896-11.403%2033.791%204.802%2012.298-29.508-27.193-20.506%202.7-13.503L448%20272.754zm-28.293%2048.013l-2.8%206.702-31.891-4.501-18.896%2027.807%2015.695%2027.106-5.198%205.202-27.293-15.904-26.593%2018.204%204.799%2031.809-6.698%202.802-19.595-25.607-32.892%206.501-7.798%2031.209h-7.198l-8.397-31.309-32.592-6.501-19.495%2026.406-6.698-2.801%204.399-32.509-27.493-18.304-28.793%2017.504-5.099-5.101%2016.996-29.108-18.096-27.606-33.191%204.701-2.699-6.603%2026.894-20.205-6.199-31.809-32.991-8.502v-7.202l32.991-8.402%206.299-31.608-27.293-20.505%202.699-6.602%2033.691%204.801%2017.796-26.807-17.996-30.008%204.999-5.001%2020.595%2012.303%209.197%205.501%2027.893-18.205-4.499-33.809%206.699-2.8%2020.294%2027.407%2031.492-6.102%208.798-33.208h7.198l8.298%2033.008%2031.691%206.301%2020.095-26.807%206.598%202.801-4.999%2033.108%2027.193%2018.105%2028.292-16.205%205.1%205.102-16.695%2028.007%2018.396%2027.007%2032.491-4.601%202.799%206.702-26.193%2019.705%206.498%2032.508%2031.292%208.102v7.202l-31.391%208.103-6.499%2032.709%2025.993%2019.807z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20128c-70.692%200-128%2057.308-128%20128%200%2070.693%2057.308%20128%20128%20128s128-57.307%20128-128c0-70.692-57.308-128-128-128zM144%20256c0-29.916%2011.65-58.042%2032.804-79.195C197.958%20155.65%20226.084%20144%20256%20144c7.496%200%2014.88.732%2022.069%202.161L250.3%20250.1l-104.155%2027.888A113.183%20113.183%200%200%201%20144%20256zm112%20112c-29.917%200-58.042-11.65-79.196-32.804-11.927-11.926-20.831-26.069-26.331-41.499L253.9%20266.2l74.935%2074.889C308.558%20358.501%20283.009%20368%20256%20368zm84.154-38.099L265.2%20254.9l28.05-104.58c15.604%205.487%2029.904%2014.443%2041.945%2026.484C356.35%20197.958%20368%20226.084%20368%20256c0%2027.486-9.841%2053.457-27.846%2073.901z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-cog-outline.svg?color=%231a73e8&size=48
