cog counterclockwise icon
cog-counterclockwise from Material Design Icons by Pictogrammers · Filled · Settings · Apache-2.0 Free for personal and commercial use.
- Name
- cog-counterclockwise
- Set
- Material Design Icons
- Style
- Filled
- Category
- Settings
- Viewbox
- 24×24
- License
- Apache 2.0
More settings icons from Material Design Icons
Use the cog counterclockwise icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 0 0-9 9H0l4 4l4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7a6.995 6.995 0 0 1-11.06 5.7L6.5 19.14C8.08 20.34 10 21 12 21a9 9 0 0 0 0-18m4.29 10.19l-1-.74q.015-.225 0-.45q.03-.225 0-.45l1-.74c.08-.07.11-.19.06-.31L15.44 9a.234.234 0 0 0-.29-.12L14 9.3c-.23-.18-.5-.33-.76-.45l-.17-1.18a.214.214 0 0 0-.21-.17H11.1c-.1 0-.21.08-.23.19l-.17 1.19c-.27.12-.53.25-.77.42l-1.12-.45a.23.23 0 0 0-.28.1l-.9 1.55c-.05.11-.03.22.06.29l1 .76q-.045.45 0 .9l-1 .74c-.08.07-.11.19-.06.31l.9 1.5c.05.11.17.16.28.12l1.12-.45c.23.18.49.33.76.45l.18 1.18c.02.11.13.2.23.17h1.8c.1 0 .21-.08.22-.19l.18-1.19q.39-.18.75-.42l1.13.45c.1 0 .22 0 .28-.12l.9-1.55c.05-.1.02-.22-.07-.29M12 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .82-.66 1.5-1.5 1.5"/></svg>
React
import type { SVGProps } from "react";
export function MdiCogCounterclockwise(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 0 0-9 9H0l4 4l4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7a6.995 6.995 0 0 1-11.06 5.7L6.5 19.14C8.08 20.34 10 21 12 21a9 9 0 0 0 0-18m4.29 10.19l-1-.74q.015-.225 0-.45q.03-.225 0-.45l1-.74c.08-.07.11-.19.06-.31L15.44 9a.234.234 0 0 0-.29-.12L14 9.3c-.23-.18-.5-.33-.76-.45l-.17-1.18a.214.214 0 0 0-.21-.17H11.1c-.1 0-.21.08-.23.19l-.17 1.19c-.27.12-.53.25-.77.42l-1.12-.45a.23.23 0 0 0-.28.1l-.9 1.55c-.05.11-.03.22.06.29l1 .76q-.045.45 0 .9l-1 .74c-.08.07-.11.19-.06.31l.9 1.5c.05.11.17.16.28.12l1.12-.45c.23.18.49.33.76.45l.18 1.18c.02.11.13.2.23.17h1.8c.1 0 .21-.08.22-.19l.18-1.19q.39-.18.75-.42l1.13.45c.1 0 .22 0 .28-.12l.9-1.55c.05-.1.02-.22-.07-.29M12 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .82-.66 1.5-1.5 1.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 0 0-9 9H0l4 4l4-4H5c0-3.87 3.13-7 7-7s7 3.13 7 7a6.995 6.995 0 0 1-11.06 5.7L6.5 19.14C8.08 20.34 10 21 12 21a9 9 0 0 0 0-18m4.29 10.19l-1-.74q.015-.225 0-.45q.03-.225 0-.45l1-.74c.08-.07.11-.19.06-.31L15.44 9a.234.234 0 0 0-.29-.12L14 9.3c-.23-.18-.5-.33-.76-.45l-.17-1.18a.214.214 0 0 0-.21-.17H11.1c-.1 0-.21.08-.23.19l-.17 1.19c-.27.12-.53.25-.77.42l-1.12-.45a.23.23 0 0 0-.28.1l-.9 1.55c-.05.11-.03.22.06.29l1 .76q-.045.45 0 .9l-1 .74c-.08.07-.11.19-.06.31l.9 1.5c.05.11.17.16.28.12l1.12-.45c.23.18.49.33.76.45l.18 1.18c.02.11.13.2.23.17h1.8c.1 0 .21-.08.22-.19l.18-1.19q.39-.18.75-.42l1.13.45c.1 0 .22 0 .28-.12l.9-1.55c.05-.1.02-.22-.07-.29M12 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 .82-.66 1.5-1.5 1.5"/></svg> </template>
CSS
.icon-cog-counterclockwise {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203a9%209%200%200%200-9%209H0l4%204l4-4H5c0-3.87%203.13-7%207-7s7%203.13%207%207a6.995%206.995%200%200%201-11.06%205.7L6.5%2019.14C8.08%2020.34%2010%2021%2012%2021a9%209%200%200%200%200-18m4.29%2010.19l-1-.74q.015-.225%200-.45q.03-.225%200-.45l1-.74c.08-.07.11-.19.06-.31L15.44%209a.234.234%200%200%200-.29-.12L14%209.3c-.23-.18-.5-.33-.76-.45l-.17-1.18a.214.214%200%200%200-.21-.17H11.1c-.1%200-.21.08-.23.19l-.17%201.19c-.27.12-.53.25-.77.42l-1.12-.45a.23.23%200%200%200-.28.1l-.9%201.55c-.05.11-.03.22.06.29l1%20.76q-.045.45%200%20.9l-1%20.74c-.08.07-.11.19-.06.31l.9%201.5c.05.11.17.16.28.12l1.12-.45c.23.18.49.33.76.45l.18%201.18c.02.11.13.2.23.17h1.8c.1%200%20.21-.08.22-.19l.18-1.19q.39-.18.75-.42l1.13.45c.1%200%20.22%200%20.28-.12l.9-1.55c.05-.1.02-.22-.07-.29M12%2013.5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5c0%20.82-.66%201.5-1.5%201.5%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%203a9%209%200%200%200-9%209H0l4%204l4-4H5c0-3.87%203.13-7%207-7s7%203.13%207%207a6.995%206.995%200%200%201-11.06%205.7L6.5%2019.14C8.08%2020.34%2010%2021%2012%2021a9%209%200%200%200%200-18m4.29%2010.19l-1-.74q.015-.225%200-.45q.03-.225%200-.45l1-.74c.08-.07.11-.19.06-.31L15.44%209a.234.234%200%200%200-.29-.12L14%209.3c-.23-.18-.5-.33-.76-.45l-.17-1.18a.214.214%200%200%200-.21-.17H11.1c-.1%200-.21.08-.23.19l-.17%201.19c-.27.12-.53.25-.77.42l-1.12-.45a.23.23%200%200%200-.28.1l-.9%201.55c-.05.11-.03.22.06.29l1%20.76q-.045.45%200%20.9l-1%20.74c-.08.07-.11.19-.06.31l.9%201.5c.05.11.17.16.28.12l1.12-.45c.23.18.49.33.76.45l.18%201.18c.02.11.13.2.23.17h1.8c.1%200%20.21-.08.22-.19l.18-1.19q.39-.18.75-.42l1.13.45c.1%200%20.22%200%20.28-.12l.9-1.55c.05-.1.02-.22-.07-.29M12%2013.5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5c0%20.82-.66%201.5-1.5%201.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/cog-counterclockwise.svg?color=%231a73e8&size=48
