arrow clockwise dashes icon
arrow-clockwise-dashes-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- arrow-clockwise-dashes-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
13 other variants in Fluent UI System Icons
arrow-clockwise-dashes-12-filledarrow-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-filled
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 48 48"><path fill="currentColor" d="M13.453 9.412c-.596.432-.63 1.29-.11 1.81c.459.459 1.187.49 1.717.115a15.4 15.4 0 0 1 6.307-2.614c.64-.11 1.133-.647 1.133-1.295c0-.736-.63-1.319-1.356-1.203a17.9 17.9 0 0 0-7.691 3.187M25.5 7.428c0-.736.63-1.319 1.357-1.203a17.95 17.95 0 0 1 9.643 4.823V8.25a1.25 1.25 0 1 1 2.5 0v6.5c0 .69-.56 1.25-1.25 1.25h-6.5a1.25 1.25 0 1 1 0-2.5h4.152a15.47 15.47 0 0 0-8.768-4.777c-.64-.11-1.134-.647-1.134-1.295m13.778 19.205c.109-.64.646-1.134 1.294-1.134c.736 0 1.319.63 1.203 1.357a17.9 17.9 0 0 1-3.187 7.691c-.432.597-1.29.63-1.81.11c-.459-.459-.489-1.187-.115-1.716a15.4 15.4 0 0 0 2.615-6.308m-6.337 10.03c.529-.374 1.257-.344 1.715.115c.521.52.487 1.378-.109 1.81a17.9 17.9 0 0 1-7.69 3.186c-.727.116-1.357-.467-1.357-1.202c0-.649.494-1.186 1.134-1.295a15.4 15.4 0 0 0 6.307-2.614m-11.574 2.614c.64.11 1.133.646 1.133 1.295c0 .735-.63 1.318-1.356 1.202a17.9 17.9 0 0 1-7.692-3.187c-.596-.432-.63-1.29-.11-1.81c.46-.459 1.188-.49 1.717-.115a15.4 15.4 0 0 0 6.308 2.615m-10.03-6.338c.374.53.343 1.258-.115 1.716c-.52.52-1.379.487-1.81-.11a17.9 17.9 0 0 1-3.186-7.69c-.116-.726.467-1.356 1.202-1.356c.649 0 1.186.495 1.295 1.134a15.4 15.4 0 0 0 2.613 6.306M8.722 21.366c-.11.64-.646 1.133-1.294 1.133c-.736 0-1.32-.63-1.203-1.356a17.9 17.9 0 0 1 3.186-7.69c.432-.596 1.29-.63 1.81-.11c.459.459.49 1.187.115 1.717a15.4 15.4 0 0 0-2.614 6.306"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowClockwiseDashes48Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M13.453 9.412c-.596.432-.63 1.29-.11 1.81c.459.459 1.187.49 1.717.115a15.4 15.4 0 0 1 6.307-2.614c.64-.11 1.133-.647 1.133-1.295c0-.736-.63-1.319-1.356-1.203a17.9 17.9 0 0 0-7.691 3.187M25.5 7.428c0-.736.63-1.319 1.357-1.203a17.95 17.95 0 0 1 9.643 4.823V8.25a1.25 1.25 0 1 1 2.5 0v6.5c0 .69-.56 1.25-1.25 1.25h-6.5a1.25 1.25 0 1 1 0-2.5h4.152a15.47 15.47 0 0 0-8.768-4.777c-.64-.11-1.134-.647-1.134-1.295m13.778 19.205c.109-.64.646-1.134 1.294-1.134c.736 0 1.319.63 1.203 1.357a17.9 17.9 0 0 1-3.187 7.691c-.432.597-1.29.63-1.81.11c-.459-.459-.489-1.187-.115-1.716a15.4 15.4 0 0 0 2.615-6.308m-6.337 10.03c.529-.374 1.257-.344 1.715.115c.521.52.487 1.378-.109 1.81a17.9 17.9 0 0 1-7.69 3.186c-.727.116-1.357-.467-1.357-1.202c0-.649.494-1.186 1.134-1.295a15.4 15.4 0 0 0 6.307-2.614m-11.574 2.614c.64.11 1.133.646 1.133 1.295c0 .735-.63 1.318-1.356 1.202a17.9 17.9 0 0 1-7.692-3.187c-.596-.432-.63-1.29-.11-1.81c.46-.459 1.188-.49 1.717-.115a15.4 15.4 0 0 0 6.308 2.615m-10.03-6.338c.374.53.343 1.258-.115 1.716c-.52.52-1.379.487-1.81-.11a17.9 17.9 0 0 1-3.186-7.69c-.116-.726.467-1.356 1.202-1.356c.649 0 1.186.495 1.295 1.134a15.4 15.4 0 0 0 2.613 6.306M8.722 21.366c-.11.64-.646 1.133-1.294 1.133c-.736 0-1.32-.63-1.203-1.356a17.9 17.9 0 0 1 3.186-7.69c.432-.596 1.29-.63 1.81-.11c.459.459.49 1.187.115 1.717a15.4 15.4 0 0 0-2.614 6.306"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M13.453 9.412c-.596.432-.63 1.29-.11 1.81c.459.459 1.187.49 1.717.115a15.4 15.4 0 0 1 6.307-2.614c.64-.11 1.133-.647 1.133-1.295c0-.736-.63-1.319-1.356-1.203a17.9 17.9 0 0 0-7.691 3.187M25.5 7.428c0-.736.63-1.319 1.357-1.203a17.95 17.95 0 0 1 9.643 4.823V8.25a1.25 1.25 0 1 1 2.5 0v6.5c0 .69-.56 1.25-1.25 1.25h-6.5a1.25 1.25 0 1 1 0-2.5h4.152a15.47 15.47 0 0 0-8.768-4.777c-.64-.11-1.134-.647-1.134-1.295m13.778 19.205c.109-.64.646-1.134 1.294-1.134c.736 0 1.319.63 1.203 1.357a17.9 17.9 0 0 1-3.187 7.691c-.432.597-1.29.63-1.81.11c-.459-.459-.489-1.187-.115-1.716a15.4 15.4 0 0 0 2.615-6.308m-6.337 10.03c.529-.374 1.257-.344 1.715.115c.521.52.487 1.378-.109 1.81a17.9 17.9 0 0 1-7.69 3.186c-.727.116-1.357-.467-1.357-1.202c0-.649.494-1.186 1.134-1.295a15.4 15.4 0 0 0 6.307-2.614m-11.574 2.614c.64.11 1.133.646 1.133 1.295c0 .735-.63 1.318-1.356 1.202a17.9 17.9 0 0 1-7.692-3.187c-.596-.432-.63-1.29-.11-1.81c.46-.459 1.188-.49 1.717-.115a15.4 15.4 0 0 0 6.308 2.615m-10.03-6.338c.374.53.343 1.258-.115 1.716c-.52.52-1.379.487-1.81-.11a17.9 17.9 0 0 1-3.186-7.69c-.116-.726.467-1.356 1.202-1.356c.649 0 1.186.495 1.295 1.134a15.4 15.4 0 0 0 2.613 6.306M8.722 21.366c-.11.64-.646 1.133-1.294 1.133c-.736 0-1.32-.63-1.203-1.356a17.9 17.9 0 0 1 3.186-7.69c.432-.596 1.29-.63 1.81-.11c.459.459.49 1.187.115 1.717a15.4 15.4 0 0 0-2.614 6.306"/></svg> </template>
CSS
.icon-arrow-clockwise-dashes-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.453%209.412c-.596.432-.63%201.29-.11%201.81c.459.459%201.187.49%201.717.115a15.4%2015.4%200%200%201%206.307-2.614c.64-.11%201.133-.647%201.133-1.295c0-.736-.63-1.319-1.356-1.203a17.9%2017.9%200%200%200-7.691%203.187M25.5%207.428c0-.736.63-1.319%201.357-1.203a17.95%2017.95%200%200%201%209.643%204.823V8.25a1.25%201.25%200%201%201%202.5%200v6.5c0%20.69-.56%201.25-1.25%201.25h-6.5a1.25%201.25%200%201%201%200-2.5h4.152a15.47%2015.47%200%200%200-8.768-4.777c-.64-.11-1.134-.647-1.134-1.295m13.778%2019.205c.109-.64.646-1.134%201.294-1.134c.736%200%201.319.63%201.203%201.357a17.9%2017.9%200%200%201-3.187%207.691c-.432.597-1.29.63-1.81.11c-.459-.459-.489-1.187-.115-1.716a15.4%2015.4%200%200%200%202.615-6.308m-6.337%2010.03c.529-.374%201.257-.344%201.715.115c.521.52.487%201.378-.109%201.81a17.9%2017.9%200%200%201-7.69%203.186c-.727.116-1.357-.467-1.357-1.202c0-.649.494-1.186%201.134-1.295a15.4%2015.4%200%200%200%206.307-2.614m-11.574%202.614c.64.11%201.133.646%201.133%201.295c0%20.735-.63%201.318-1.356%201.202a17.9%2017.9%200%200%201-7.692-3.187c-.596-.432-.63-1.29-.11-1.81c.46-.459%201.188-.49%201.717-.115a15.4%2015.4%200%200%200%206.308%202.615m-10.03-6.338c.374.53.343%201.258-.115%201.716c-.52.52-1.379.487-1.81-.11a17.9%2017.9%200%200%201-3.186-7.69c-.116-.726.467-1.356%201.202-1.356c.649%200%201.186.495%201.295%201.134a15.4%2015.4%200%200%200%202.613%206.306M8.722%2021.366c-.11.64-.646%201.133-1.294%201.133c-.736%200-1.32-.63-1.203-1.356a17.9%2017.9%200%200%201%203.186-7.69c.432-.596%201.29-.63%201.81-.11c.459.459.49%201.187.115%201.717a15.4%2015.4%200%200%200-2.614%206.306%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.453%209.412c-.596.432-.63%201.29-.11%201.81c.459.459%201.187.49%201.717.115a15.4%2015.4%200%200%201%206.307-2.614c.64-.11%201.133-.647%201.133-1.295c0-.736-.63-1.319-1.356-1.203a17.9%2017.9%200%200%200-7.691%203.187M25.5%207.428c0-.736.63-1.319%201.357-1.203a17.95%2017.95%200%200%201%209.643%204.823V8.25a1.25%201.25%200%201%201%202.5%200v6.5c0%20.69-.56%201.25-1.25%201.25h-6.5a1.25%201.25%200%201%201%200-2.5h4.152a15.47%2015.47%200%200%200-8.768-4.777c-.64-.11-1.134-.647-1.134-1.295m13.778%2019.205c.109-.64.646-1.134%201.294-1.134c.736%200%201.319.63%201.203%201.357a17.9%2017.9%200%200%201-3.187%207.691c-.432.597-1.29.63-1.81.11c-.459-.459-.489-1.187-.115-1.716a15.4%2015.4%200%200%200%202.615-6.308m-6.337%2010.03c.529-.374%201.257-.344%201.715.115c.521.52.487%201.378-.109%201.81a17.9%2017.9%200%200%201-7.69%203.186c-.727.116-1.357-.467-1.357-1.202c0-.649.494-1.186%201.134-1.295a15.4%2015.4%200%200%200%206.307-2.614m-11.574%202.614c.64.11%201.133.646%201.133%201.295c0%20.735-.63%201.318-1.356%201.202a17.9%2017.9%200%200%201-7.692-3.187c-.596-.432-.63-1.29-.11-1.81c.46-.459%201.188-.49%201.717-.115a15.4%2015.4%200%200%200%206.308%202.615m-10.03-6.338c.374.53.343%201.258-.115%201.716c-.52.52-1.379.487-1.81-.11a17.9%2017.9%200%200%201-3.186-7.69c-.116-.726.467-1.356%201.202-1.356c.649%200%201.186.495%201.295%201.134a15.4%2015.4%200%200%200%202.613%206.306M8.722%2021.366c-.11.64-.646%201.133-1.294%201.133c-.736%200-1.32-.63-1.203-1.356a17.9%2017.9%200%200%201%203.186-7.69c.432-.596%201.29-.63%201.81-.11c.459.459.49%201.187.115%201.717a15.4%2015.4%200%200%200-2.614%206.306%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-48-regular.svg?color=%231a73e8&size=48
