arrow clockwise dashes settings icon
arrow-clockwise-dashes-settings-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.
- Name
- arrow-clockwise-dashes-settings-48-regular
- Set
- Fluent UI System Icons
- Style
- 48 Regular
- Viewbox
- 48×48
- License
- MIT
11 other variants in Fluent UI System Icons
arrow-clockwise-dashes-settings-16-filledarrow-clockwise-dashes-settings-16-regulararrow-clockwise-dashes-settings-20-filledarrow-clockwise-dashes-settings-20-regulararrow-clockwise-dashes-settings-24-filledarrow-clockwise-dashes-settings-24-regulararrow-clockwise-dashes-settings-28-filledarrow-clockwise-dashes-settings-28-regulararrow-clockwise-dashes-settings-32-filledarrow-clockwise-dashes-settings-32-regulararrow-clockwise-dashes-settings-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 settings 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.295m-4.133 31.849c.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.306m20.17 8.417a2 2 0 0 1-1.464 2.537l-3.26.748a11 11 0 0 0-.043 3.6l3.464.868a2 2 0 0 1 1.436 2.491l-.997 3.482a11 11 0 0 0 3.086 1.785l2.518-2.607a2 2 0 0 1 2.876-.001l2.484 2.567a11 11 0 0 0 3.095-1.84l-.981-3.196a2 2 0 0 1 1.464-2.537l3.26-.748a11 11 0 0 0 .043-3.6l-3.463-.868a2 2 0 0 1-1.437-2.491l.998-3.482a11 11 0 0 0-3.087-1.785l-2.518 2.607a2 2 0 0 1-2.876.001l-2.484-2.567a11 11 0 0 0-3.095 1.841zM35 38a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowClockwiseDashesSettings48Regular(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.295m-4.133 31.849c.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.306m20.17 8.417a2 2 0 0 1-1.464 2.537l-3.26.748a11 11 0 0 0-.043 3.6l3.464.868a2 2 0 0 1 1.436 2.491l-.997 3.482a11 11 0 0 0 3.086 1.785l2.518-2.607a2 2 0 0 1 2.876-.001l2.484 2.567a11 11 0 0 0 3.095-1.84l-.981-3.196a2 2 0 0 1 1.464-2.537l3.26-.748a11 11 0 0 0 .043-3.6l-3.463-.868a2 2 0 0 1-1.437-2.491l.998-3.482a11 11 0 0 0-3.087-1.785l-2.518 2.607a2 2 0 0 1-2.876.001l-2.484-2.567a11 11 0 0 0-3.095 1.841zM35 38a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/></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.295m-4.133 31.849c.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.306m20.17 8.417a2 2 0 0 1-1.464 2.537l-3.26.748a11 11 0 0 0-.043 3.6l3.464.868a2 2 0 0 1 1.436 2.491l-.997 3.482a11 11 0 0 0 3.086 1.785l2.518-2.607a2 2 0 0 1 2.876-.001l2.484 2.567a11 11 0 0 0 3.095-1.84l-.981-3.196a2 2 0 0 1 1.464-2.537l3.26-.748a11 11 0 0 0 .043-3.6l-3.463-.868a2 2 0 0 1-1.437-2.491l.998-3.482a11 11 0 0 0-3.087-1.785l-2.518 2.607a2 2 0 0 1-2.876.001l-2.484-2.567a11 11 0 0 0-3.095 1.841zM35 38a3 3 0 1 1 0-6a3 3 0 0 1 0 6"/></svg> </template>
CSS
.icon-arrow-clockwise-dashes-settings-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.295m-4.133%2031.849c.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.306m20.17%208.417a2%202%200%200%201-1.464%202.537l-3.26.748a11%2011%200%200%200-.043%203.6l3.464.868a2%202%200%200%201%201.436%202.491l-.997%203.482a11%2011%200%200%200%203.086%201.785l2.518-2.607a2%202%200%200%201%202.876-.001l2.484%202.567a11%2011%200%200%200%203.095-1.84l-.981-3.196a2%202%200%200%201%201.464-2.537l3.26-.748a11%2011%200%200%200%20.043-3.6l-3.463-.868a2%202%200%200%201-1.437-2.491l.998-3.482a11%2011%200%200%200-3.087-1.785l-2.518%202.607a2%202%200%200%201-2.876.001l-2.484-2.567a11%2011%200%200%200-3.095%201.841zM35%2038a3%203%200%201%201%200-6a3%203%200%200%201%200%206%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.295m-4.133%2031.849c.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.306m20.17%208.417a2%202%200%200%201-1.464%202.537l-3.26.748a11%2011%200%200%200-.043%203.6l3.464.868a2%202%200%200%201%201.436%202.491l-.997%203.482a11%2011%200%200%200%203.086%201.785l2.518-2.607a2%202%200%200%201%202.876-.001l2.484%202.567a11%2011%200%200%200%203.095-1.84l-.981-3.196a2%202%200%200%201%201.464-2.537l3.26-.748a11%2011%200%200%200%20.043-3.6l-3.463-.868a2%202%200%200%201-1.437-2.491l.998-3.482a11%2011%200%200%200-3.087-1.785l-2.518%202.607a2%202%200%200%201-2.876.001l-2.484-2.567a11%2011%200%200%200-3.095%201.841zM35%2038a3%203%200%201%201%200-6a3%203%200%200%201%200%206%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-settings-48-regular.svg?color=%231a73e8&size=48
