arrow clockwise dashes icon
arrow-clockwise-dashes-12-filled from Fluent UI System Icons by Microsoft Corporation · 12 Filled · MIT Free for personal and commercial use.
- Name
- arrow-clockwise-dashes-12-filled
- Set
- Fluent UI System Icons
- Style
- 12 Filled
- Viewbox
- 12×12
- License
- MIT
13 other variants in Fluent UI System Icons
arrow-clockwise-dashes-12-regulararrow-clockwise-dashes-16-filledarrow-clockwise-dashes-16-regulararrow-clockwise-dashes-20-filledarrow-clockwise-dashes-20-regulararrow-clockwise-dashes-24-filledarrow-clockwise-dashes-24-regulararrow-clockwise-dashes-28-filledarrow-clockwise-dashes-28-regulararrow-clockwise-dashes-32-filledarrow-clockwise-dashes-32-regulararrow-clockwise-dashes-48-filledarrow-clockwise-dashes-48-regular
The same icon in other sets
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 clockwise dashes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.587 8.97a3 3 0 0 0 .823 0c.373-.053.77.078.958.405c.23.4.062.917-.388 1.018a4.5 4.5 0 0 1-1.964-.001c-.45-.101-.618-.618-.388-1.017c.188-.327.585-.458.959-.404M9.39 7c.51 0 .89.48.67.94c-.194.408-.45.782-.752 1.11c-.312.337-.842.226-1.072-.172c-.188-.326-.104-.734.127-1.031q.125-.16.227-.336c.17-.292.462-.511.8-.511m-7-.5c.377 0 .688.278.83.627q.159.391.415.719c.231.296.315.704.127 1.029c-.23.398-.761.51-1.073.172a4.5 4.5 0 0 1-.984-1.705c-.137-.439.226-.842.686-.842m.298-3.545c.311-.339.843-.227 1.073.172c.188.325.104.733-.127 1.03q-.256.326-.414.716c-.142.349-.453.627-.83.627c-.459 0-.822-.403-.685-.842c.2-.64.54-1.22.983-1.703M9.75 1a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 1 1 0-1.5h.406a2.98 2.98 0 0 0-2.071-.47c-.374.052-.77-.08-.959-.406c-.23-.399-.062-.915.387-1.016Q5.49 1.501 6 1.5a4.48 4.48 0 0 1 2.999 1.148V1.75A.75.75 0 0 1 9.75 1"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowClockwiseDashes12Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.587 8.97a3 3 0 0 0 .823 0c.373-.053.77.078.958.405c.23.4.062.917-.388 1.018a4.5 4.5 0 0 1-1.964-.001c-.45-.101-.618-.618-.388-1.017c.188-.327.585-.458.959-.404M9.39 7c.51 0 .89.48.67.94c-.194.408-.45.782-.752 1.11c-.312.337-.842.226-1.072-.172c-.188-.326-.104-.734.127-1.031q.125-.16.227-.336c.17-.292.462-.511.8-.511m-7-.5c.377 0 .688.278.83.627q.159.391.415.719c.231.296.315.704.127 1.029c-.23.398-.761.51-1.073.172a4.5 4.5 0 0 1-.984-1.705c-.137-.439.226-.842.686-.842m.298-3.545c.311-.339.843-.227 1.073.172c.188.325.104.733-.127 1.03q-.256.326-.414.716c-.142.349-.453.627-.83.627c-.459 0-.822-.403-.685-.842c.2-.64.54-1.22.983-1.703M9.75 1a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 1 1 0-1.5h.406a2.98 2.98 0 0 0-2.071-.47c-.374.052-.77-.08-.959-.406c-.23-.399-.062-.915.387-1.016Q5.49 1.501 6 1.5a4.48 4.48 0 0 1 2.999 1.148V1.75A.75.75 0 0 1 9.75 1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 12 12"><path fill="currentColor" d="M5.587 8.97a3 3 0 0 0 .823 0c.373-.053.77.078.958.405c.23.4.062.917-.388 1.018a4.5 4.5 0 0 1-1.964-.001c-.45-.101-.618-.618-.388-1.017c.188-.327.585-.458.959-.404M9.39 7c.51 0 .89.48.67.94c-.194.408-.45.782-.752 1.11c-.312.337-.842.226-1.072-.172c-.188-.326-.104-.734.127-1.031q.125-.16.227-.336c.17-.292.462-.511.8-.511m-7-.5c.377 0 .688.278.83.627q.159.391.415.719c.231.296.315.704.127 1.029c-.23.398-.761.51-1.073.172a4.5 4.5 0 0 1-.984-1.705c-.137-.439.226-.842.686-.842m.298-3.545c.311-.339.843-.227 1.073.172c.188.325.104.733-.127 1.03q-.256.326-.414.716c-.142.349-.453.627-.83.627c-.459 0-.822-.403-.685-.842c.2-.64.54-1.22.983-1.703M9.75 1a.75.75 0 0 1 .75.75v2.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 1 1 0-1.5h.406a2.98 2.98 0 0 0-2.071-.47c-.374.052-.77-.08-.959-.406c-.23-.399-.062-.915.387-1.016Q5.49 1.501 6 1.5a4.48 4.48 0 0 1 2.999 1.148V1.75A.75.75 0 0 1 9.75 1"/></svg> </template>
CSS
.icon-arrow-clockwise-dashes-12-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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.587%208.97a3%203%200%200%200%20.823%200c.373-.053.77.078.958.405c.23.4.062.917-.388%201.018a4.5%204.5%200%200%201-1.964-.001c-.45-.101-.618-.618-.388-1.017c.188-.327.585-.458.959-.404M9.39%207c.51%200%20.89.48.67.94c-.194.408-.45.782-.752%201.11c-.312.337-.842.226-1.072-.172c-.188-.326-.104-.734.127-1.031q.125-.16.227-.336c.17-.292.462-.511.8-.511m-7-.5c.377%200%20.688.278.83.627q.159.391.415.719c.231.296.315.704.127%201.029c-.23.398-.761.51-1.073.172a4.5%204.5%200%200%201-.984-1.705c-.137-.439.226-.842.686-.842m.298-3.545c.311-.339.843-.227%201.073.172c.188.325.104.733-.127%201.03q-.256.326-.414.716c-.142.349-.453.627-.83.627c-.459%200-.822-.403-.685-.842c.2-.64.54-1.22.983-1.703M9.75%201a.75.75%200%200%201%20.75.75v2.5a.75.75%200%200%201-.75.75h-2.5a.75.75%200%201%201%200-1.5h.406a2.98%202.98%200%200%200-2.071-.47c-.374.052-.77-.08-.959-.406c-.23-.399-.062-.915.387-1.016Q5.49%201.501%206%201.5a4.48%204.48%200%200%201%202.999%201.148V1.75A.75.75%200%200%201%209.75%201%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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.587%208.97a3%203%200%200%200%20.823%200c.373-.053.77.078.958.405c.23.4.062.917-.388%201.018a4.5%204.5%200%200%201-1.964-.001c-.45-.101-.618-.618-.388-1.017c.188-.327.585-.458.959-.404M9.39%207c.51%200%20.89.48.67.94c-.194.408-.45.782-.752%201.11c-.312.337-.842.226-1.072-.172c-.188-.326-.104-.734.127-1.031q.125-.16.227-.336c.17-.292.462-.511.8-.511m-7-.5c.377%200%20.688.278.83.627q.159.391.415.719c.231.296.315.704.127%201.029c-.23.398-.761.51-1.073.172a4.5%204.5%200%200%201-.984-1.705c-.137-.439.226-.842.686-.842m.298-3.545c.311-.339.843-.227%201.073.172c.188.325.104.733-.127%201.03q-.256.326-.414.716c-.142.349-.453.627-.83.627c-.459%200-.822-.403-.685-.842c.2-.64.54-1.22.983-1.703M9.75%201a.75.75%200%200%201%20.75.75v2.5a.75.75%200%200%201-.75.75h-2.5a.75.75%200%201%201%200-1.5h.406a2.98%202.98%200%200%200-2.071-.47c-.374.052-.77-.08-.959-.406c-.23-.399-.062-.915.387-1.016Q5.49%201.501%206%201.5a4.48%204.48%200%200%201%202.999%201.148V1.75A.75.75%200%200%201%209.75%201%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/arrow-clockwise-dashes-12-filled.svg?color=%231a73e8&size=48
