arrow dotted rotate anticlockwise icon
arrow-dotted-rotate-anticlockwise-filled from Reicon by REICON · Filled · Arrows · MIT Free for personal and commercial use.
- Name
- arrow-dotted-rotate-anticlockwise-filled
- Set
- Reicon
- Style
- Filled
- Category
- Arrows
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More arrows icons from Reicon
angle-downangle-down-circleangle-down-squareangle-leftangle-left-circleangle-left-squareangle-rightangle-right-circleangle-right-squareangle-upangle-up-circleangle-up-squareangles-leftangles-left2angles-rightangles-right2arrow-door-inarrow-door-outarrow-downarrow-down-2arrow-down-3arrow-down-circlearrow-down-leftarrow-down-left-circle
Use the arrow dotted rotate anticlockwise icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 1.333a10.65 10.65 0 0 0-8.357 4.064L3.487 4.27a1.007 1.007 0 0 0-1.128-.853c-.548.076-.93.581-.855 1.128l.544 3.927a1 1 0 0 0 1.128.853l3.925-.543c.547-.076.93-.58.855-1.128A1.01 1.01 0 0 0 6.828 6.8l-1.93.266a8.64 8.64 0 0 1 7.1-3.733c4.53 0 8.327 3.535 8.645 8.05a1 1 0 0 0 .996.929q.036 0 .072-.003a1 1 0 0 0 .926-1.068C22.247 5.684 17.573 1.332 12 1.332Z"/><circle cx="18.836" cy="18.835" r="1"/><circle cx="12" cy="21.667" r="1"/><circle cx="5.164" cy="18.835" r="1"/><circle cx="2.333" cy="12" r="1"/><path d="M21.313 14.776a1 1 0 1 0-.766 1.846a1 1 0 0 0 .766-1.846m-5.997 5.231a1 1 0 1 0 .765 1.847a1 1 0 0 0-.765-1.847m-6.632 0a1 1 0 1 0-.766 1.846a1 1 0 0 0 .766-1.846m-5.997-5.231a1 1 0 1 0 .766 1.848a1 1 0 0 0-.766-1.848"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconArrowDottedRotateAnticlockwiseFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 1.333a10.65 10.65 0 0 0-8.357 4.064L3.487 4.27a1.007 1.007 0 0 0-1.128-.853c-.548.076-.93.581-.855 1.128l.544 3.927a1 1 0 0 0 1.128.853l3.925-.543c.547-.076.93-.58.855-1.128A1.01 1.01 0 0 0 6.828 6.8l-1.93.266a8.64 8.64 0 0 1 7.1-3.733c4.53 0 8.327 3.535 8.645 8.05a1 1 0 0 0 .996.929q.036 0 .072-.003a1 1 0 0 0 .926-1.068C22.247 5.684 17.573 1.332 12 1.332Z"/><circle cx="18.836" cy="18.835" r="1"/><circle cx="12" cy="21.667" r="1"/><circle cx="5.164" cy="18.835" r="1"/><circle cx="2.333" cy="12" r="1"/><path d="M21.313 14.776a1 1 0 1 0-.766 1.846a1 1 0 0 0 .766-1.846m-5.997 5.231a1 1 0 1 0 .765 1.847a1 1 0 0 0-.765-1.847m-6.632 0a1 1 0 1 0-.766 1.846a1 1 0 0 0 .766-1.846m-5.997-5.231a1 1 0 1 0 .766 1.848a1 1 0 0 0-.766-1.848"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 1.333a10.65 10.65 0 0 0-8.357 4.064L3.487 4.27a1.007 1.007 0 0 0-1.128-.853c-.548.076-.93.581-.855 1.128l.544 3.927a1 1 0 0 0 1.128.853l3.925-.543c.547-.076.93-.58.855-1.128A1.01 1.01 0 0 0 6.828 6.8l-1.93.266a8.64 8.64 0 0 1 7.1-3.733c4.53 0 8.327 3.535 8.645 8.05a1 1 0 0 0 .996.929q.036 0 .072-.003a1 1 0 0 0 .926-1.068C22.247 5.684 17.573 1.332 12 1.332Z"/><circle cx="18.836" cy="18.835" r="1"/><circle cx="12" cy="21.667" r="1"/><circle cx="5.164" cy="18.835" r="1"/><circle cx="2.333" cy="12" r="1"/><path d="M21.313 14.776a1 1 0 1 0-.766 1.846a1 1 0 0 0 .766-1.846m-5.997 5.231a1 1 0 1 0 .765 1.847a1 1 0 0 0-.765-1.847m-6.632 0a1 1 0 1 0-.766 1.846a1 1 0 0 0 .766-1.846m-5.997-5.231a1 1 0 1 0 .766 1.848a1 1 0 0 0-.766-1.848"/></g></svg> </template>
CSS
.icon-arrow-dotted-rotate-anticlockwise-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%201.333a10.65%2010.65%200%200%200-8.357%204.064L3.487%204.27a1.007%201.007%200%200%200-1.128-.853c-.548.076-.93.581-.855%201.128l.544%203.927a1%201%200%200%200%201.128.853l3.925-.543c.547-.076.93-.58.855-1.128A1.01%201.01%200%200%200%206.828%206.8l-1.93.266a8.64%208.64%200%200%201%207.1-3.733c4.53%200%208.327%203.535%208.645%208.05a1%201%200%200%200%20.996.929q.036%200%20.072-.003a1%201%200%200%200%20.926-1.068C22.247%205.684%2017.573%201.332%2012%201.332Z%22%2F%3E%3Ccircle%20cx%3D%2218.836%22%20cy%3D%2218.835%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2221.667%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225.164%22%20cy%3D%2218.835%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%222.333%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M21.313%2014.776a1%201%200%201%200-.766%201.846a1%201%200%200%200%20.766-1.846m-5.997%205.231a1%201%200%201%200%20.765%201.847a1%201%200%200%200-.765-1.847m-6.632%200a1%201%200%201%200-.766%201.846a1%201%200%200%200%20.766-1.846m-5.997-5.231a1%201%200%201%200%20.766%201.848a1%201%200%200%200-.766-1.848%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%201.333a10.65%2010.65%200%200%200-8.357%204.064L3.487%204.27a1.007%201.007%200%200%200-1.128-.853c-.548.076-.93.581-.855%201.128l.544%203.927a1%201%200%200%200%201.128.853l3.925-.543c.547-.076.93-.58.855-1.128A1.01%201.01%200%200%200%206.828%206.8l-1.93.266a8.64%208.64%200%200%201%207.1-3.733c4.53%200%208.327%203.535%208.645%208.05a1%201%200%200%200%20.996.929q.036%200%20.072-.003a1%201%200%200%200%20.926-1.068C22.247%205.684%2017.573%201.332%2012%201.332Z%22%2F%3E%3Ccircle%20cx%3D%2218.836%22%20cy%3D%2218.835%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2221.667%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225.164%22%20cy%3D%2218.835%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%222.333%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M21.313%2014.776a1%201%200%201%200-.766%201.846a1%201%200%200%200%20.766-1.846m-5.997%205.231a1%201%200%201%200%20.765%201.847a1%201%200%200%200-.765-1.847m-6.632%200a1%201%200%201%200-.766%201.846a1%201%200%200%200%20.766-1.846m-5.997-5.231a1%201%200%201%200%20.766%201.848a1%201%200%200%200-.766-1.848%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/arrow-dotted-rotate-anticlockwise-filled.svg?color=%231a73e8&size=48
