arrow counterclockwise dashes icon
arrow-counterclockwise-dashes-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- arrow-counterclockwise-dashes-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
arrow-autofit-content-20-filledarrow-autofit-down-20-filledarrow-autofit-height-20-filledarrow-autofit-height-dotted-20-filledarrow-autofit-height-in-20-filledarrow-autofit-up-20-filledarrow-autofit-width-20-filledarrow-autofit-width-dotted-20-filledarrow-between-down-20-filledarrow-between-up-20-filledarrow-bidirectional-left-right-16-filledarrow-bidirectional-up-down-12-filledarrow-bounce-12-filledarrow-circle-down-12-filledarrow-circle-down-double-20-filledarrow-circle-down-right-12-filledarrow-circle-down-split-20-filledarrow-circle-down-up-20-filledarrow-circle-left-12-filledarrow-circle-right-12-filledarrow-circle-up-12-filledarrow-circle-up-left-16-filledarrow-circle-up-right-16-filledarrow-circle-up-sparkle-20-filled
Use the arrow counterclockwise dashes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.004 4a1 1 0 0 1 2 0v.512A9 9 0 0 1 9.88 3.25c.588-.142 1.117.334 1.117.94c0 .505-.375.926-.862 1.06A7 7 0 0 0 8.39 6h.614a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm9.11-.75c-.588-.142-1.116.334-1.116.94c0 .505.375.926.862 1.06a7 7 0 0 1 1.593.66c.44.25 1.002.218 1.36-.14c.427-.428.39-1.138-.127-1.454a9 9 0 0 0-2.571-1.066M4.188 13c.506 0 .927.374 1.06.862c.156.563.38 1.098.662 1.594c.25.44.217 1.002-.14 1.36c-.429.427-1.14.39-1.455-.127a9 9 0 0 1-1.066-2.573c-.142-.588.334-1.117.94-1.117m5.949 5.75c.487.135.862.556.862 1.061c0 .606-.529 1.081-1.117.94a9 9 0 0 1-2.573-1.067c-.516-.316-.554-1.026-.126-1.454c.358-.358.92-.39 1.36-.14a7 7 0 0 0 1.594.66m5.319-.66c.44-.25 1.002-.218 1.359.14c.428.428.39 1.138-.126 1.454a9 9 0 0 1-2.573 1.067c-.589.141-1.117-.334-1.117-.94c0-.505.375-.926.862-1.06a7 7 0 0 0 1.595-.662m3.293-4.228c.134-.488.555-.863 1.06-.863c.606 0 1.082.529.94 1.117a9 9 0 0 1-1.066 2.573c-.316.516-1.026.554-1.454.126c-.358-.358-.39-.92-.14-1.36a7 7 0 0 0 .66-1.593m-.662-5.318c-.25-.439-.217-1.001.14-1.359c.429-.428 1.139-.39 1.455.126c.48.786.844 1.651 1.066 2.571c.142.589-.334 1.117-.94 1.117c-.505 0-.926-.374-1.06-.861a7 7 0 0 0-.66-1.594"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowCounterclockwiseDashes24Filled(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="M5.004 4a1 1 0 0 1 2 0v.512A9 9 0 0 1 9.88 3.25c.588-.142 1.117.334 1.117.94c0 .505-.375.926-.862 1.06A7 7 0 0 0 8.39 6h.614a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm9.11-.75c-.588-.142-1.116.334-1.116.94c0 .505.375.926.862 1.06a7 7 0 0 1 1.593.66c.44.25 1.002.218 1.36-.14c.427-.428.39-1.138-.127-1.454a9 9 0 0 0-2.571-1.066M4.188 13c.506 0 .927.374 1.06.862c.156.563.38 1.098.662 1.594c.25.44.217 1.002-.14 1.36c-.429.427-1.14.39-1.455-.127a9 9 0 0 1-1.066-2.573c-.142-.588.334-1.117.94-1.117m5.949 5.75c.487.135.862.556.862 1.061c0 .606-.529 1.081-1.117.94a9 9 0 0 1-2.573-1.067c-.516-.316-.554-1.026-.126-1.454c.358-.358.92-.39 1.36-.14a7 7 0 0 0 1.594.66m5.319-.66c.44-.25 1.002-.218 1.359.14c.428.428.39 1.138-.126 1.454a9 9 0 0 1-2.573 1.067c-.589.141-1.117-.334-1.117-.94c0-.505.375-.926.862-1.06a7 7 0 0 0 1.595-.662m3.293-4.228c.134-.488.555-.863 1.06-.863c.606 0 1.082.529.94 1.117a9 9 0 0 1-1.066 2.573c-.316.516-1.026.554-1.454.126c-.358-.358-.39-.92-.14-1.36a7 7 0 0 0 .66-1.593m-.662-5.318c-.25-.439-.217-1.001.14-1.359c.429-.428 1.139-.39 1.455.126c.48.786.844 1.651 1.066 2.571c.142.589-.334 1.117-.94 1.117c-.505 0-.926-.374-1.06-.861a7 7 0 0 0-.66-1.594"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.004 4a1 1 0 0 1 2 0v.512A9 9 0 0 1 9.88 3.25c.588-.142 1.117.334 1.117.94c0 .505-.375.926-.862 1.06A7 7 0 0 0 8.39 6h.614a1 1 0 0 1 0 2h-3a1 1 0 0 1-1-1zm9.11-.75c-.588-.142-1.116.334-1.116.94c0 .505.375.926.862 1.06a7 7 0 0 1 1.593.66c.44.25 1.002.218 1.36-.14c.427-.428.39-1.138-.127-1.454a9 9 0 0 0-2.571-1.066M4.188 13c.506 0 .927.374 1.06.862c.156.563.38 1.098.662 1.594c.25.44.217 1.002-.14 1.36c-.429.427-1.14.39-1.455-.127a9 9 0 0 1-1.066-2.573c-.142-.588.334-1.117.94-1.117m5.949 5.75c.487.135.862.556.862 1.061c0 .606-.529 1.081-1.117.94a9 9 0 0 1-2.573-1.067c-.516-.316-.554-1.026-.126-1.454c.358-.358.92-.39 1.36-.14a7 7 0 0 0 1.594.66m5.319-.66c.44-.25 1.002-.218 1.359.14c.428.428.39 1.138-.126 1.454a9 9 0 0 1-2.573 1.067c-.589.141-1.117-.334-1.117-.94c0-.505.375-.926.862-1.06a7 7 0 0 0 1.595-.662m3.293-4.228c.134-.488.555-.863 1.06-.863c.606 0 1.082.529.94 1.117a9 9 0 0 1-1.066 2.573c-.316.516-1.026.554-1.454.126c-.358-.358-.39-.92-.14-1.36a7 7 0 0 0 .66-1.593m-.662-5.318c-.25-.439-.217-1.001.14-1.359c.429-.428 1.139-.39 1.455.126c.48.786.844 1.651 1.066 2.571c.142.589-.334 1.117-.94 1.117c-.505 0-.926-.374-1.06-.861a7 7 0 0 0-.66-1.594"/></svg> </template>
CSS
.icon-arrow-counterclockwise-dashes-24-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.004%204a1%201%200%200%201%202%200v.512A9%209%200%200%201%209.88%203.25c.588-.142%201.117.334%201.117.94c0%20.505-.375.926-.862%201.06A7%207%200%200%200%208.39%206h.614a1%201%200%200%201%200%202h-3a1%201%200%200%201-1-1zm9.11-.75c-.588-.142-1.116.334-1.116.94c0%20.505.375.926.862%201.06a7%207%200%200%201%201.593.66c.44.25%201.002.218%201.36-.14c.427-.428.39-1.138-.127-1.454a9%209%200%200%200-2.571-1.066M4.188%2013c.506%200%20.927.374%201.06.862c.156.563.38%201.098.662%201.594c.25.44.217%201.002-.14%201.36c-.429.427-1.14.39-1.455-.127a9%209%200%200%201-1.066-2.573c-.142-.588.334-1.117.94-1.117m5.949%205.75c.487.135.862.556.862%201.061c0%20.606-.529%201.081-1.117.94a9%209%200%200%201-2.573-1.067c-.516-.316-.554-1.026-.126-1.454c.358-.358.92-.39%201.36-.14a7%207%200%200%200%201.594.66m5.319-.66c.44-.25%201.002-.218%201.359.14c.428.428.39%201.138-.126%201.454a9%209%200%200%201-2.573%201.067c-.589.141-1.117-.334-1.117-.94c0-.505.375-.926.862-1.06a7%207%200%200%200%201.595-.662m3.293-4.228c.134-.488.555-.863%201.06-.863c.606%200%201.082.529.94%201.117a9%209%200%200%201-1.066%202.573c-.316.516-1.026.554-1.454.126c-.358-.358-.39-.92-.14-1.36a7%207%200%200%200%20.66-1.593m-.662-5.318c-.25-.439-.217-1.001.14-1.359c.429-.428%201.139-.39%201.455.126c.48.786.844%201.651%201.066%202.571c.142.589-.334%201.117-.94%201.117c-.505%200-.926-.374-1.06-.861a7%207%200%200%200-.66-1.594%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%22M5.004%204a1%201%200%200%201%202%200v.512A9%209%200%200%201%209.88%203.25c.588-.142%201.117.334%201.117.94c0%20.505-.375.926-.862%201.06A7%207%200%200%200%208.39%206h.614a1%201%200%200%201%200%202h-3a1%201%200%200%201-1-1zm9.11-.75c-.588-.142-1.116.334-1.116.94c0%20.505.375.926.862%201.06a7%207%200%200%201%201.593.66c.44.25%201.002.218%201.36-.14c.427-.428.39-1.138-.127-1.454a9%209%200%200%200-2.571-1.066M4.188%2013c.506%200%20.927.374%201.06.862c.156.563.38%201.098.662%201.594c.25.44.217%201.002-.14%201.36c-.429.427-1.14.39-1.455-.127a9%209%200%200%201-1.066-2.573c-.142-.588.334-1.117.94-1.117m5.949%205.75c.487.135.862.556.862%201.061c0%20.606-.529%201.081-1.117.94a9%209%200%200%201-2.573-1.067c-.516-.316-.554-1.026-.126-1.454c.358-.358.92-.39%201.36-.14a7%207%200%200%200%201.594.66m5.319-.66c.44-.25%201.002-.218%201.359.14c.428.428.39%201.138-.126%201.454a9%209%200%200%201-2.573%201.067c-.589.141-1.117-.334-1.117-.94c0-.505.375-.926.862-1.06a7%207%200%200%200%201.595-.662m3.293-4.228c.134-.488.555-.863%201.06-.863c.606%200%201.082.529.94%201.117a9%209%200%200%201-1.066%202.573c-.316.516-1.026.554-1.454.126c-.358-.358-.39-.92-.14-1.36a7%207%200%200%200%20.66-1.593m-.662-5.318c-.25-.439-.217-1.001.14-1.359c.429-.428%201.139-.39%201.455.126c.48.786.844%201.651%201.066%202.571c.142.589-.334%201.117-.94%201.117c-.505%200-.926-.374-1.06-.861a7%207%200%200%200-.66-1.594%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/arrow-counterclockwise-dashes-24-filled.svg?color=%231a73e8&size=48
