arrow clockwise dashes icon
arrow-clockwise-dashes-12-regular from Fluent UI System Icons by Microsoft Corporation · 12 Regular · MIT Free for personal and commercial use.
- Name
- arrow-clockwise-dashes-12-regular
- Set
- Fluent UI System Icons
- Style
- 12 Regular
- Viewbox
- 12×12
- License
- MIT
13 other variants in Fluent UI System Icons
arrow-clockwise-dashes-12-filledarrow-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.37 8.932a2.9 2.9 0 0 0 1.258 0c.244-.054.505.036.63.253c.154.267.04.61-.26.688a4 4 0 0 1-2.001 0c-.299-.077-.413-.421-.26-.688c.126-.217.388-.307.633-.253M9.197 7c.343 0 .594.326.453.639a4 4 0 0 1-.8 1.166c-.216.218-.57.146-.724-.12c-.125-.215-.071-.486.095-.67q.274-.304.46-.673A.59.59 0 0 1 9.196 7M2.61 6.5c.25 0 .458.182.534.419c.132.41.35.783.632 1.095c.167.184.22.455.096.67c-.154.267-.508.339-.724.12a4 4 0 0 1-1.003-1.738c-.081-.295.158-.566.465-.566m.537-3.303c.216-.219.57-.147.724.12c.124.215.07.486-.096.67c-.282.312-.5.684-.63 1.094c-.077.237-.286.419-.535.419c-.307 0-.546-.27-.465-.566a4 4 0 0 1 1.002-1.737M9.5 2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.731a2.99 2.99 0 0 0-2.862-.932c-.245.054-.508-.036-.633-.253c-.154-.267-.039-.611.26-.688A3.99 3.99 0 0 1 9 3.357V2.5a.5.5 0 0 1 .5-.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowClockwiseDashes12Regular(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.37 8.932a2.9 2.9 0 0 0 1.258 0c.244-.054.505.036.63.253c.154.267.04.61-.26.688a4 4 0 0 1-2.001 0c-.299-.077-.413-.421-.26-.688c.126-.217.388-.307.633-.253M9.197 7c.343 0 .594.326.453.639a4 4 0 0 1-.8 1.166c-.216.218-.57.146-.724-.12c-.125-.215-.071-.486.095-.67q.274-.304.46-.673A.59.59 0 0 1 9.196 7M2.61 6.5c.25 0 .458.182.534.419c.132.41.35.783.632 1.095c.167.184.22.455.096.67c-.154.267-.508.339-.724.12a4 4 0 0 1-1.003-1.738c-.081-.295.158-.566.465-.566m.537-3.303c.216-.219.57-.147.724.12c.124.215.07.486-.096.67c-.282.312-.5.684-.63 1.094c-.077.237-.286.419-.535.419c-.307 0-.546-.27-.465-.566a4 4 0 0 1 1.002-1.737M9.5 2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.731a2.99 2.99 0 0 0-2.862-.932c-.245.054-.508-.036-.633-.253c-.154-.267-.039-.611.26-.688A3.99 3.99 0 0 1 9 3.357V2.5a.5.5 0 0 1 .5-.5"/></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.37 8.932a2.9 2.9 0 0 0 1.258 0c.244-.054.505.036.63.253c.154.267.04.61-.26.688a4 4 0 0 1-2.001 0c-.299-.077-.413-.421-.26-.688c.126-.217.388-.307.633-.253M9.197 7c.343 0 .594.326.453.639a4 4 0 0 1-.8 1.166c-.216.218-.57.146-.724-.12c-.125-.215-.071-.486.095-.67q.274-.304.46-.673A.59.59 0 0 1 9.196 7M2.61 6.5c.25 0 .458.182.534.419c.132.41.35.783.632 1.095c.167.184.22.455.096.67c-.154.267-.508.339-.724.12a4 4 0 0 1-1.003-1.738c-.081-.295.158-.566.465-.566m.537-3.303c.216-.219.57-.147.724.12c.124.215.07.486-.096.67c-.282.312-.5.684-.63 1.094c-.077.237-.286.419-.535.419c-.307 0-.546-.27-.465-.566a4 4 0 0 1 1.002-1.737M9.5 2a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h.731a2.99 2.99 0 0 0-2.862-.932c-.245.054-.508-.036-.633-.253c-.154-.267-.039-.611.26-.688A3.99 3.99 0 0 1 9 3.357V2.5a.5.5 0 0 1 .5-.5"/></svg> </template>
CSS
.icon-arrow-clockwise-dashes-12-regular {
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.37%208.932a2.9%202.9%200%200%200%201.258%200c.244-.054.505.036.63.253c.154.267.04.61-.26.688a4%204%200%200%201-2.001%200c-.299-.077-.413-.421-.26-.688c.126-.217.388-.307.633-.253M9.197%207c.343%200%20.594.326.453.639a4%204%200%200%201-.8%201.166c-.216.218-.57.146-.724-.12c-.125-.215-.071-.486.095-.67q.274-.304.46-.673A.59.59%200%200%201%209.196%207M2.61%206.5c.25%200%20.458.182.534.419c.132.41.35.783.632%201.095c.167.184.22.455.096.67c-.154.267-.508.339-.724.12a4%204%200%200%201-1.003-1.738c-.081-.295.158-.566.465-.566m.537-3.303c.216-.219.57-.147.724.12c.124.215.07.486-.096.67c-.282.312-.5.684-.63%201.094c-.077.237-.286.419-.535.419c-.307%200-.546-.27-.465-.566a4%204%200%200%201%201.002-1.737M9.5%202a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.5.5h-2a.5.5%200%200%201%200-1h.731a2.99%202.99%200%200%200-2.862-.932c-.245.054-.508-.036-.633-.253c-.154-.267-.039-.611.26-.688A3.99%203.99%200%200%201%209%203.357V2.5a.5.5%200%200%201%20.5-.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%2012%2012%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.37%208.932a2.9%202.9%200%200%200%201.258%200c.244-.054.505.036.63.253c.154.267.04.61-.26.688a4%204%200%200%201-2.001%200c-.299-.077-.413-.421-.26-.688c.126-.217.388-.307.633-.253M9.197%207c.343%200%20.594.326.453.639a4%204%200%200%201-.8%201.166c-.216.218-.57.146-.724-.12c-.125-.215-.071-.486.095-.67q.274-.304.46-.673A.59.59%200%200%201%209.196%207M2.61%206.5c.25%200%20.458.182.534.419c.132.41.35.783.632%201.095c.167.184.22.455.096.67c-.154.267-.508.339-.724.12a4%204%200%200%201-1.003-1.738c-.081-.295.158-.566.465-.566m.537-3.303c.216-.219.57-.147.724.12c.124.215.07.486-.096.67c-.282.312-.5.684-.63%201.094c-.077.237-.286.419-.535.419c-.307%200-.546-.27-.465-.566a4%204%200%200%201%201.002-1.737M9.5%202a.5.5%200%200%201%20.5.5v2a.5.5%200%200%201-.5.5h-2a.5.5%200%200%201%200-1h.731a2.99%202.99%200%200%200-2.862-.932c-.245.054-.508-.036-.633-.253c-.154-.267-.039-.611.26-.688A3.99%203.99%200%200%201%209%203.357V2.5a.5.5%200%200%201%20.5-.5%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-regular.svg?color=%231a73e8&size=48
