arrow clockwise dashes icon
arrow-clockwise-dashes-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- arrow-clockwise-dashes-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- 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-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 28 28"><path fill="currentColor" d="M23 4a1 1 0 1 0-2 0v1.513A10.96 10.96 0 0 0 16.096 3.2c-.583-.113-1.096.357-1.096.95c0 .515.39.942.893 1.05c1.404.3 2.687.928 3.765 1.8H18a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1zm-11.093-.8c.583-.113 1.094.357 1.094.95c0 .515-.389.942-.892 1.05a9 9 0 0 0-2.99 1.238c-.432.28-1.008.253-1.372-.11c-.42-.42-.39-1.115.102-1.448a10.9 10.9 0 0 1 4.058-1.68M23.852 15c-.516 0-.942.388-1.05.892a9 9 0 0 1-1.239 2.99c-.28.432-.252 1.009.111 1.373c.42.42 1.114.39 1.447-.102a10.9 10.9 0 0 0 1.682-4.06c.112-.583-.358-1.094-.951-1.094m-7.958 7.8c-.503.109-.893.535-.893 1.05c0 .594.512 1.063 1.095.951a10.9 10.9 0 0 0 4.064-1.685c.492-.333.521-1.026.101-1.446c-.364-.364-.94-.39-1.373-.11a9 9 0 0 1-2.994 1.24m-6.776-1.238c-.432-.28-1.008-.253-1.372.11c-.42.42-.39 1.115.102 1.447a10.9 10.9 0 0 0 4.06 1.682c.582.113 1.093-.357 1.093-.951c0-.515-.389-.941-.892-1.05a9 9 0 0 1-2.99-1.238m-3.917-5.67c-.108-.504-.535-.893-1.05-.893c-.593 0-1.063.511-.95 1.094a10.9 10.9 0 0 0 1.684 4.065c.333.491 1.026.52 1.446.101c.364-.364.39-.94.111-1.373a9 9 0 0 1-1.241-2.994m1.242-6.779c.28-.432.253-1.008-.111-1.372c-.42-.42-1.114-.39-1.446.1A10.9 10.9 0 0 0 3.2 11.906c-.113.583.357 1.094.95 1.094c.516 0 .942-.39 1.05-.893a9 9 0 0 1 1.242-2.993"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowClockwiseDashes28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M23 4a1 1 0 1 0-2 0v1.513A10.96 10.96 0 0 0 16.096 3.2c-.583-.113-1.096.357-1.096.95c0 .515.39.942.893 1.05c1.404.3 2.687.928 3.765 1.8H18a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1zm-11.093-.8c.583-.113 1.094.357 1.094.95c0 .515-.389.942-.892 1.05a9 9 0 0 0-2.99 1.238c-.432.28-1.008.253-1.372-.11c-.42-.42-.39-1.115.102-1.448a10.9 10.9 0 0 1 4.058-1.68M23.852 15c-.516 0-.942.388-1.05.892a9 9 0 0 1-1.239 2.99c-.28.432-.252 1.009.111 1.373c.42.42 1.114.39 1.447-.102a10.9 10.9 0 0 0 1.682-4.06c.112-.583-.358-1.094-.951-1.094m-7.958 7.8c-.503.109-.893.535-.893 1.05c0 .594.512 1.063 1.095.951a10.9 10.9 0 0 0 4.064-1.685c.492-.333.521-1.026.101-1.446c-.364-.364-.94-.39-1.373-.11a9 9 0 0 1-2.994 1.24m-6.776-1.238c-.432-.28-1.008-.253-1.372.11c-.42.42-.39 1.115.102 1.447a10.9 10.9 0 0 0 4.06 1.682c.582.113 1.093-.357 1.093-.951c0-.515-.389-.941-.892-1.05a9 9 0 0 1-2.99-1.238m-3.917-5.67c-.108-.504-.535-.893-1.05-.893c-.593 0-1.063.511-.95 1.094a10.9 10.9 0 0 0 1.684 4.065c.333.491 1.026.52 1.446.101c.364-.364.39-.94.111-1.373a9 9 0 0 1-1.241-2.994m1.242-6.779c.28-.432.253-1.008-.111-1.372c-.42-.42-1.114-.39-1.446.1A10.9 10.9 0 0 0 3.2 11.906c-.113.583.357 1.094.95 1.094c.516 0 .942-.39 1.05-.893a9 9 0 0 1 1.242-2.993"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M23 4a1 1 0 1 0-2 0v1.513A10.96 10.96 0 0 0 16.096 3.2c-.583-.113-1.096.357-1.096.95c0 .515.39.942.893 1.05c1.404.3 2.687.928 3.765 1.8H18a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1zm-11.093-.8c.583-.113 1.094.357 1.094.95c0 .515-.389.942-.892 1.05a9 9 0 0 0-2.99 1.238c-.432.28-1.008.253-1.372-.11c-.42-.42-.39-1.115.102-1.448a10.9 10.9 0 0 1 4.058-1.68M23.852 15c-.516 0-.942.388-1.05.892a9 9 0 0 1-1.239 2.99c-.28.432-.252 1.009.111 1.373c.42.42 1.114.39 1.447-.102a10.9 10.9 0 0 0 1.682-4.06c.112-.583-.358-1.094-.951-1.094m-7.958 7.8c-.503.109-.893.535-.893 1.05c0 .594.512 1.063 1.095.951a10.9 10.9 0 0 0 4.064-1.685c.492-.333.521-1.026.101-1.446c-.364-.364-.94-.39-1.373-.11a9 9 0 0 1-2.994 1.24m-6.776-1.238c-.432-.28-1.008-.253-1.372.11c-.42.42-.39 1.115.102 1.447a10.9 10.9 0 0 0 4.06 1.682c.582.113 1.093-.357 1.093-.951c0-.515-.389-.941-.892-1.05a9 9 0 0 1-2.99-1.238m-3.917-5.67c-.108-.504-.535-.893-1.05-.893c-.593 0-1.063.511-.95 1.094a10.9 10.9 0 0 0 1.684 4.065c.333.491 1.026.52 1.446.101c.364-.364.39-.94.111-1.373a9 9 0 0 1-1.241-2.994m1.242-6.779c.28-.432.253-1.008-.111-1.372c-.42-.42-1.114-.39-1.446.1A10.9 10.9 0 0 0 3.2 11.906c-.113.583.357 1.094.95 1.094c.516 0 .942-.39 1.05-.893a9 9 0 0 1 1.242-2.993"/></svg> </template>
CSS
.icon-arrow-clockwise-dashes-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%204a1%201%200%201%200-2%200v1.513A10.96%2010.96%200%200%200%2016.096%203.2c-.583-.113-1.096.357-1.096.95c0%20.515.39.942.893%201.05c1.404.3%202.687.928%203.765%201.8H18a1%201%200%201%200%200%202h4a1%201%200%200%200%201-1zm-11.093-.8c.583-.113%201.094.357%201.094.95c0%20.515-.389.942-.892%201.05a9%209%200%200%200-2.99%201.238c-.432.28-1.008.253-1.372-.11c-.42-.42-.39-1.115.102-1.448a10.9%2010.9%200%200%201%204.058-1.68M23.852%2015c-.516%200-.942.388-1.05.892a9%209%200%200%201-1.239%202.99c-.28.432-.252%201.009.111%201.373c.42.42%201.114.39%201.447-.102a10.9%2010.9%200%200%200%201.682-4.06c.112-.583-.358-1.094-.951-1.094m-7.958%207.8c-.503.109-.893.535-.893%201.05c0%20.594.512%201.063%201.095.951a10.9%2010.9%200%200%200%204.064-1.685c.492-.333.521-1.026.101-1.446c-.364-.364-.94-.39-1.373-.11a9%209%200%200%201-2.994%201.24m-6.776-1.238c-.432-.28-1.008-.253-1.372.11c-.42.42-.39%201.115.102%201.447a10.9%2010.9%200%200%200%204.06%201.682c.582.113%201.093-.357%201.093-.951c0-.515-.389-.941-.892-1.05a9%209%200%200%201-2.99-1.238m-3.917-5.67c-.108-.504-.535-.893-1.05-.893c-.593%200-1.063.511-.95%201.094a10.9%2010.9%200%200%200%201.684%204.065c.333.491%201.026.52%201.446.101c.364-.364.39-.94.111-1.373a9%209%200%200%201-1.241-2.994m1.242-6.779c.28-.432.253-1.008-.111-1.372c-.42-.42-1.114-.39-1.446.1A10.9%2010.9%200%200%200%203.2%2011.906c-.113.583.357%201.094.95%201.094c.516%200%20.942-.39%201.05-.893a9%209%200%200%201%201.242-2.993%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%204a1%201%200%201%200-2%200v1.513A10.96%2010.96%200%200%200%2016.096%203.2c-.583-.113-1.096.357-1.096.95c0%20.515.39.942.893%201.05c1.404.3%202.687.928%203.765%201.8H18a1%201%200%201%200%200%202h4a1%201%200%200%200%201-1zm-11.093-.8c.583-.113%201.094.357%201.094.95c0%20.515-.389.942-.892%201.05a9%209%200%200%200-2.99%201.238c-.432.28-1.008.253-1.372-.11c-.42-.42-.39-1.115.102-1.448a10.9%2010.9%200%200%201%204.058-1.68M23.852%2015c-.516%200-.942.388-1.05.892a9%209%200%200%201-1.239%202.99c-.28.432-.252%201.009.111%201.373c.42.42%201.114.39%201.447-.102a10.9%2010.9%200%200%200%201.682-4.06c.112-.583-.358-1.094-.951-1.094m-7.958%207.8c-.503.109-.893.535-.893%201.05c0%20.594.512%201.063%201.095.951a10.9%2010.9%200%200%200%204.064-1.685c.492-.333.521-1.026.101-1.446c-.364-.364-.94-.39-1.373-.11a9%209%200%200%201-2.994%201.24m-6.776-1.238c-.432-.28-1.008-.253-1.372.11c-.42.42-.39%201.115.102%201.447a10.9%2010.9%200%200%200%204.06%201.682c.582.113%201.093-.357%201.093-.951c0-.515-.389-.941-.892-1.05a9%209%200%200%201-2.99-1.238m-3.917-5.67c-.108-.504-.535-.893-1.05-.893c-.593%200-1.063.511-.95%201.094a10.9%2010.9%200%200%200%201.684%204.065c.333.491%201.026.52%201.446.101c.364-.364.39-.94.111-1.373a9%209%200%200%201-1.241-2.994m1.242-6.779c.28-.432.253-1.008-.111-1.372c-.42-.42-1.114-.39-1.446.1A10.9%2010.9%200%200%200%203.2%2011.906c-.113.583.357%201.094.95%201.094c.516%200%20.942-.39%201.05-.893a9%209%200%200%201%201.242-2.993%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-28-filled.svg?color=%231a73e8&size=48
