md cog icon
md-cog from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-cog
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md cog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M480 288v-64h-34.7c-2-12.1-5.2-23.8-9.3-35l30-17.3-32-55.4-30 17.3c-7.7-9.3-16.3-17.9-25.6-25.6l17.3-30-55.4-32L323 76c-11.2-4.2-22.9-7.3-35-9.3V32h-64v34.7c-12.1 2-23.8 5.2-35 9.3l-17.3-30-55.4 32 17.3 30c-9.3 7.7-17.9 16.3-25.6 25.6l-30-17.3-32 55.4L76 189c-4.2 11.2-7.3 22.9-9.3 35H32v64h34.7c2 12.1 5.2 23.8 9.3 35l-30 17.3 32 55.4 30-17.3c7.7 9.3 16.3 17.9 25.6 25.6l-17.3 30 55.4 32 17.3-30c11.2 4.2 22.9 7.3 35 9.3V480h64v-34.7c12.1-2 23.8-5.2 35-9.3l17.3 30 55.4-32-17.3-30c9.3-7.7 17.9-16.3 25.6-25.6l30 17.3 32-55.4-30-17.3c4.2-11.2 7.3-22.9 9.3-35H480zm-224-64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM141.2 343c-18.3-24.2-29.2-54.3-29.2-87 0-6.1.4-12.1 1.1-18l46.9 17.1v.9c0 17.8 4.9 34.5 13.3 48.8L141.2 343zm40.7-148L135 177.9c20.1-31.1 51.8-53.9 89-62.3v49.9c-16.6 5.9-31.1 16.2-42.1 29.5zM256 400c-23.7 0-46-5.7-65.8-15.9l32.1-38.2c10.5 3.9 21.8 6.1 33.7 6.1s23.2-2.2 33.7-6.1l32.1 38.2C302 394.3 279.7 400 256 400zm32-234.5v-49.9c37.2 8.4 68.9 31.2 89 62.3L330.1 195c-11-13.3-25.5-23.6-42.1-29.5zM370.8 343l-32.1-38.2c8.4-14.3 13.3-31 13.3-48.8v-.9l46.9-17.1c.7 5.9 1.1 11.9 1.1 18 0 32.7-10.9 62.8-29.2 87z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdCog(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M480 288v-64h-34.7c-2-12.1-5.2-23.8-9.3-35l30-17.3-32-55.4-30 17.3c-7.7-9.3-16.3-17.9-25.6-25.6l17.3-30-55.4-32L323 76c-11.2-4.2-22.9-7.3-35-9.3V32h-64v34.7c-12.1 2-23.8 5.2-35 9.3l-17.3-30-55.4 32 17.3 30c-9.3 7.7-17.9 16.3-25.6 25.6l-30-17.3-32 55.4L76 189c-4.2 11.2-7.3 22.9-9.3 35H32v64h34.7c2 12.1 5.2 23.8 9.3 35l-30 17.3 32 55.4 30-17.3c7.7 9.3 16.3 17.9 25.6 25.6l-17.3 30 55.4 32 17.3-30c11.2 4.2 22.9 7.3 35 9.3V480h64v-34.7c12.1-2 23.8-5.2 35-9.3l17.3 30 55.4-32-17.3-30c9.3-7.7 17.9-16.3 25.6-25.6l30 17.3 32-55.4-30-17.3c4.2-11.2 7.3-22.9 9.3-35H480zm-224-64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM141.2 343c-18.3-24.2-29.2-54.3-29.2-87 0-6.1.4-12.1 1.1-18l46.9 17.1v.9c0 17.8 4.9 34.5 13.3 48.8L141.2 343zm40.7-148L135 177.9c20.1-31.1 51.8-53.9 89-62.3v49.9c-16.6 5.9-31.1 16.2-42.1 29.5zM256 400c-23.7 0-46-5.7-65.8-15.9l32.1-38.2c10.5 3.9 21.8 6.1 33.7 6.1s23.2-2.2 33.7-6.1l32.1 38.2C302 394.3 279.7 400 256 400zm32-234.5v-49.9c37.2 8.4 68.9 31.2 89 62.3L330.1 195c-11-13.3-25.5-23.6-42.1-29.5zM370.8 343l-32.1-38.2c8.4-14.3 13.3-31 13.3-48.8v-.9l46.9-17.1c.7 5.9 1.1 11.9 1.1 18 0 32.7-10.9 62.8-29.2 87z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M480 288v-64h-34.7c-2-12.1-5.2-23.8-9.3-35l30-17.3-32-55.4-30 17.3c-7.7-9.3-16.3-17.9-25.6-25.6l17.3-30-55.4-32L323 76c-11.2-4.2-22.9-7.3-35-9.3V32h-64v34.7c-12.1 2-23.8 5.2-35 9.3l-17.3-30-55.4 32 17.3 30c-9.3 7.7-17.9 16.3-25.6 25.6l-30-17.3-32 55.4L76 189c-4.2 11.2-7.3 22.9-9.3 35H32v64h34.7c2 12.1 5.2 23.8 9.3 35l-30 17.3 32 55.4 30-17.3c7.7 9.3 16.3 17.9 25.6 25.6l-17.3 30 55.4 32 17.3-30c11.2 4.2 22.9 7.3 35 9.3V480h64v-34.7c12.1-2 23.8-5.2 35-9.3l17.3 30 55.4-32-17.3-30c9.3-7.7 17.9-16.3 25.6-25.6l30 17.3 32-55.4-30-17.3c4.2-11.2 7.3-22.9 9.3-35H480zm-224-64c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM141.2 343c-18.3-24.2-29.2-54.3-29.2-87 0-6.1.4-12.1 1.1-18l46.9 17.1v.9c0 17.8 4.9 34.5 13.3 48.8L141.2 343zm40.7-148L135 177.9c20.1-31.1 51.8-53.9 89-62.3v49.9c-16.6 5.9-31.1 16.2-42.1 29.5zM256 400c-23.7 0-46-5.7-65.8-15.9l32.1-38.2c10.5 3.9 21.8 6.1 33.7 6.1s23.2-2.2 33.7-6.1l32.1 38.2C302 394.3 279.7 400 256 400zm32-234.5v-49.9c37.2 8.4 68.9 31.2 89 62.3L330.1 195c-11-13.3-25.5-23.6-42.1-29.5zM370.8 343l-32.1-38.2c8.4-14.3 13.3-31 13.3-48.8v-.9l46.9-17.1c.7 5.9 1.1 11.9 1.1 18 0 32.7-10.9 62.8-29.2 87z" fill="currentColor"/></svg> </template>
CSS
.icon-md-cog {
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%22M480%20288v-64h-34.7c-2-12.1-5.2-23.8-9.3-35l30-17.3-32-55.4-30%2017.3c-7.7-9.3-16.3-17.9-25.6-25.6l17.3-30-55.4-32L323%2076c-11.2-4.2-22.9-7.3-35-9.3V32h-64v34.7c-12.1%202-23.8%205.2-35%209.3l-17.3-30-55.4%2032%2017.3%2030c-9.3%207.7-17.9%2016.3-25.6%2025.6l-30-17.3-32%2055.4L76%20189c-4.2%2011.2-7.3%2022.9-9.3%2035H32v64h34.7c2%2012.1%205.2%2023.8%209.3%2035l-30%2017.3%2032%2055.4%2030-17.3c7.7%209.3%2016.3%2017.9%2025.6%2025.6l-17.3%2030%2055.4%2032%2017.3-30c11.2%204.2%2022.9%207.3%2035%209.3V480h64v-34.7c12.1-2%2023.8-5.2%2035-9.3l17.3%2030%2055.4-32-17.3-30c9.3-7.7%2017.9-16.3%2025.6-25.6l30%2017.3%2032-55.4-30-17.3c4.2-11.2%207.3-22.9%209.3-35H480zm-224-64c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032-32-14.3-32-32%2014.3-32%2032-32zM141.2%20343c-18.3-24.2-29.2-54.3-29.2-87%200-6.1.4-12.1%201.1-18l46.9%2017.1v.9c0%2017.8%204.9%2034.5%2013.3%2048.8L141.2%20343zm40.7-148L135%20177.9c20.1-31.1%2051.8-53.9%2089-62.3v49.9c-16.6%205.9-31.1%2016.2-42.1%2029.5zM256%20400c-23.7%200-46-5.7-65.8-15.9l32.1-38.2c10.5%203.9%2021.8%206.1%2033.7%206.1s23.2-2.2%2033.7-6.1l32.1%2038.2C302%20394.3%20279.7%20400%20256%20400zm32-234.5v-49.9c37.2%208.4%2068.9%2031.2%2089%2062.3L330.1%20195c-11-13.3-25.5-23.6-42.1-29.5zM370.8%20343l-32.1-38.2c8.4-14.3%2013.3-31%2013.3-48.8v-.9l46.9-17.1c.7%205.9%201.1%2011.9%201.1%2018%200%2032.7-10.9%2062.8-29.2%2087z%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%22M480%20288v-64h-34.7c-2-12.1-5.2-23.8-9.3-35l30-17.3-32-55.4-30%2017.3c-7.7-9.3-16.3-17.9-25.6-25.6l17.3-30-55.4-32L323%2076c-11.2-4.2-22.9-7.3-35-9.3V32h-64v34.7c-12.1%202-23.8%205.2-35%209.3l-17.3-30-55.4%2032%2017.3%2030c-9.3%207.7-17.9%2016.3-25.6%2025.6l-30-17.3-32%2055.4L76%20189c-4.2%2011.2-7.3%2022.9-9.3%2035H32v64h34.7c2%2012.1%205.2%2023.8%209.3%2035l-30%2017.3%2032%2055.4%2030-17.3c7.7%209.3%2016.3%2017.9%2025.6%2025.6l-17.3%2030%2055.4%2032%2017.3-30c11.2%204.2%2022.9%207.3%2035%209.3V480h64v-34.7c12.1-2%2023.8-5.2%2035-9.3l17.3%2030%2055.4-32-17.3-30c9.3-7.7%2017.9-16.3%2025.6-25.6l30%2017.3%2032-55.4-30-17.3c4.2-11.2%207.3-22.9%209.3-35H480zm-224-64c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032-32-14.3-32-32%2014.3-32%2032-32zM141.2%20343c-18.3-24.2-29.2-54.3-29.2-87%200-6.1.4-12.1%201.1-18l46.9%2017.1v.9c0%2017.8%204.9%2034.5%2013.3%2048.8L141.2%20343zm40.7-148L135%20177.9c20.1-31.1%2051.8-53.9%2089-62.3v49.9c-16.6%205.9-31.1%2016.2-42.1%2029.5zM256%20400c-23.7%200-46-5.7-65.8-15.9l32.1-38.2c10.5%203.9%2021.8%206.1%2033.7%206.1s23.2-2.2%2033.7-6.1l32.1%2038.2C302%20394.3%20279.7%20400%20256%20400zm32-234.5v-49.9c37.2%208.4%2068.9%2031.2%2089%2062.3L330.1%20195c-11-13.3-25.5-23.6-42.1-29.5zM370.8%20343l-32.1-38.2c8.4-14.3%2013.3-31%2013.3-48.8v-.9l46.9-17.1c.7%205.9%201.1%2011.9%201.1%2018%200%2032.7-10.9%2062.8-29.2%2087z%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/md-cog.svg?color=%231a73e8&size=48
