ios gear icon
ios-gear from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-gear
- Set
- IonIcons
- Style
- Regular
- 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 gear icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416.349 256.046c-.001-21.013 13.143-38.948 31.651-46.062a196.302 196.302 0 0 0-23.664-57.139 49.423 49.423 0 0 1-20.082 4.254c-12.621 0-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274 196.274 0 0 0 302.074 64C294.971 82.529 277.027 95.69 256 95.69c-21.025 0-38.969-13.161-46.073-31.69a196.243 196.243 0 0 0-57.128 23.688c8.068 18.122 4.683 40.104-10.181 54.97-9.631 9.631-22.25 14.443-34.871 14.443a49.429 49.429 0 0 1-20.083-4.255A196.273 196.273 0 0 0 64 209.984c18.509 7.112 31.652 25.049 31.652 46.062 0 21.008-13.132 38.936-31.63 46.054a196.318 196.318 0 0 0 23.692 57.128 49.428 49.428 0 0 1 20.032-4.232c12.622 0 25.239 4.812 34.871 14.443 14.841 14.841 18.239 36.781 10.215 54.889a196.257 196.257 0 0 0 57.13 23.673c7.128-18.479 25.046-31.596 46.038-31.596 20.992 0 38.91 13.115 46.037 31.596a196.234 196.234 0 0 0 57.132-23.675c-8.023-18.106-4.626-40.046 10.216-54.887 9.629-9.632 22.248-14.444 34.868-14.444 6.836 0 13.67 1.411 20.033 4.233a196.318 196.318 0 0 0 23.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9 335.9c-44.3 0-80-35.9-80-80 0-44.101 35.7-80 80-80 44.299 0 80 35.899 80 80 0 44.1-35.701 80-80 80z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosGear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416.349 256.046c-.001-21.013 13.143-38.948 31.651-46.062a196.302 196.302 0 0 0-23.664-57.139 49.423 49.423 0 0 1-20.082 4.254c-12.621 0-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274 196.274 0 0 0 302.074 64C294.971 82.529 277.027 95.69 256 95.69c-21.025 0-38.969-13.161-46.073-31.69a196.243 196.243 0 0 0-57.128 23.688c8.068 18.122 4.683 40.104-10.181 54.97-9.631 9.631-22.25 14.443-34.871 14.443a49.429 49.429 0 0 1-20.083-4.255A196.273 196.273 0 0 0 64 209.984c18.509 7.112 31.652 25.049 31.652 46.062 0 21.008-13.132 38.936-31.63 46.054a196.318 196.318 0 0 0 23.692 57.128 49.428 49.428 0 0 1 20.032-4.232c12.622 0 25.239 4.812 34.871 14.443 14.841 14.841 18.239 36.781 10.215 54.889a196.257 196.257 0 0 0 57.13 23.673c7.128-18.479 25.046-31.596 46.038-31.596 20.992 0 38.91 13.115 46.037 31.596a196.234 196.234 0 0 0 57.132-23.675c-8.023-18.106-4.626-40.046 10.216-54.887 9.629-9.632 22.248-14.444 34.868-14.444 6.836 0 13.67 1.411 20.033 4.233a196.318 196.318 0 0 0 23.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9 335.9c-44.3 0-80-35.9-80-80 0-44.101 35.7-80 80-80 44.299 0 80 35.899 80 80 0 44.1-35.701 80-80 80z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M416.349 256.046c-.001-21.013 13.143-38.948 31.651-46.062a196.302 196.302 0 0 0-23.664-57.139 49.423 49.423 0 0 1-20.082 4.254c-12.621 0-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274 196.274 0 0 0 302.074 64C294.971 82.529 277.027 95.69 256 95.69c-21.025 0-38.969-13.161-46.073-31.69a196.243 196.243 0 0 0-57.128 23.688c8.068 18.122 4.683 40.104-10.181 54.97-9.631 9.631-22.25 14.443-34.871 14.443a49.429 49.429 0 0 1-20.083-4.255A196.273 196.273 0 0 0 64 209.984c18.509 7.112 31.652 25.049 31.652 46.062 0 21.008-13.132 38.936-31.63 46.054a196.318 196.318 0 0 0 23.692 57.128 49.428 49.428 0 0 1 20.032-4.232c12.622 0 25.239 4.812 34.871 14.443 14.841 14.841 18.239 36.781 10.215 54.889a196.257 196.257 0 0 0 57.13 23.673c7.128-18.479 25.046-31.596 46.038-31.596 20.992 0 38.91 13.115 46.037 31.596a196.234 196.234 0 0 0 57.132-23.675c-8.023-18.106-4.626-40.046 10.216-54.887 9.629-9.632 22.248-14.444 34.868-14.444 6.836 0 13.67 1.411 20.033 4.233a196.318 196.318 0 0 0 23.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9 335.9c-44.3 0-80-35.9-80-80 0-44.101 35.7-80 80-80 44.299 0 80 35.899 80 80 0 44.1-35.701 80-80 80z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-gear {
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%22M416.349%20256.046c-.001-21.013%2013.143-38.948%2031.651-46.062a196.302%20196.302%200%200%200-23.664-57.139%2049.423%2049.423%200%200%201-20.082%204.254c-12.621%200-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274%20196.274%200%200%200%20302.074%2064C294.971%2082.529%20277.027%2095.69%20256%2095.69c-21.025%200-38.969-13.161-46.073-31.69a196.243%20196.243%200%200%200-57.128%2023.688c8.068%2018.122%204.683%2040.104-10.181%2054.97-9.631%209.631-22.25%2014.443-34.871%2014.443a49.429%2049.429%200%200%201-20.083-4.255A196.273%20196.273%200%200%200%2064%20209.984c18.509%207.112%2031.652%2025.049%2031.652%2046.062%200%2021.008-13.132%2038.936-31.63%2046.054a196.318%20196.318%200%200%200%2023.692%2057.128%2049.428%2049.428%200%200%201%2020.032-4.232c12.622%200%2025.239%204.812%2034.871%2014.443%2014.841%2014.841%2018.239%2036.781%2010.215%2054.889a196.257%20196.257%200%200%200%2057.13%2023.673c7.128-18.479%2025.046-31.596%2046.038-31.596%2020.992%200%2038.91%2013.115%2046.037%2031.596a196.234%20196.234%200%200%200%2057.132-23.675c-8.023-18.106-4.626-40.046%2010.216-54.887%209.629-9.632%2022.248-14.444%2034.868-14.444%206.836%200%2013.67%201.411%2020.033%204.233a196.318%20196.318%200%200%200%2023.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9%20335.9c-44.3%200-80-35.9-80-80%200-44.101%2035.7-80%2080-80%2044.299%200%2080%2035.899%2080%2080%200%2044.1-35.701%2080-80%2080z%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%22M416.349%20256.046c-.001-21.013%2013.143-38.948%2031.651-46.062a196.302%20196.302%200%200%200-23.664-57.139%2049.423%2049.423%200%200%201-20.082%204.254c-12.621%200-25.238-4.811-34.871-14.442-14.863-14.863-18.248-36.846-10.18-54.97A196.274%20196.274%200%200%200%20302.074%2064C294.971%2082.529%20277.027%2095.69%20256%2095.69c-21.025%200-38.969-13.161-46.073-31.69a196.243%20196.243%200%200%200-57.128%2023.688c8.068%2018.122%204.683%2040.104-10.181%2054.97-9.631%209.631-22.25%2014.443-34.871%2014.443a49.429%2049.429%200%200%201-20.083-4.255A196.273%20196.273%200%200%200%2064%20209.984c18.509%207.112%2031.652%2025.049%2031.652%2046.062%200%2021.008-13.132%2038.936-31.63%2046.054a196.318%20196.318%200%200%200%2023.692%2057.128%2049.428%2049.428%200%200%201%2020.032-4.232c12.622%200%2025.239%204.812%2034.871%2014.443%2014.841%2014.841%2018.239%2036.781%2010.215%2054.889a196.257%20196.257%200%200%200%2057.13%2023.673c7.128-18.479%2025.046-31.596%2046.038-31.596%2020.992%200%2038.91%2013.115%2046.037%2031.596a196.234%20196.234%200%200%200%2057.132-23.675c-8.023-18.106-4.626-40.046%2010.216-54.887%209.629-9.632%2022.248-14.444%2034.868-14.444%206.836%200%2013.67%201.411%2020.033%204.233a196.318%20196.318%200%200%200%2023.692-57.128c-18.498-7.119-31.629-25.048-31.629-46.054zM256.9%20335.9c-44.3%200-80-35.9-80-80%200-44.101%2035.7-80%2080-80%2044.299%200%2080%2035.899%2080%2080%200%2044.1-35.701%2080-80%2080z%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-gear.svg?color=%231a73e8&size=48
