arrow counterclockwise dashes icon
arrow-counterclockwise-dashes-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- arrow-counterclockwise-dashes-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
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 counterclockwise dashes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3.503 3.25a.75.75 0 1 1 1.5 0v1.155A7.5 7.5 0 0 1 8.42 2.666c.44-.094.828.26.828.71c0 .383-.287.7-.66.79A6 6 0 0 0 6.03 5.5h1.224a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75zm8.073-.584c-.439-.094-.828.26-.828.71c0 .383.287.7.66.79a6 6 0 0 1 1.719.713c.326.2.754.178 1.024-.093c.318-.318.293-.844-.084-1.088a7.5 7.5 0 0 0-2.49-1.032M3.374 10.75c.383 0 .701.287.79.66a6 6 0 0 0 .713 1.718c.2.327.178.754-.093 1.025c-.317.318-.843.293-1.087-.084a7.5 7.5 0 0 1-1.032-2.491c-.094-.44.26-.828.709-.828m5.215 5.083c.372.09.66.408.66.791c0 .45-.39.803-.829.71A7.5 7.5 0 0 1 5.93 16.3c-.378-.244-.403-.77-.085-1.087c.27-.271.698-.293 1.025-.093a6 6 0 0 0 1.719.712m4.538-.712c.326-.2.754-.178 1.024.093c.318.317.293.843-.084 1.087c-.749.485-1.59.84-2.49 1.032c-.44.095-.829-.26-.829-.709c0-.383.287-.701.66-.79a6 6 0 0 0 1.719-.713m2.705-3.712c.09-.372.407-.66.79-.66c.45 0 .804.39.71.829a7.5 7.5 0 0 1-1.032 2.49c-.244.378-.77.403-1.088.085c-.27-.27-.293-.698-.093-1.025a6 6 0 0 0 .713-1.719m-.713-4.537c-.2-.327-.178-.755.093-1.025c.318-.318.844-.293 1.088.084c.484.749.839 1.59 1.032 2.49c.094.44-.26.829-.71.829c-.383 0-.7-.287-.79-.66a6 6 0 0 0-.713-1.718"/></svg>
React
import type { SVGProps } from "react";
export function FluentArrowCounterclockwiseDashes20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3.503 3.25a.75.75 0 1 1 1.5 0v1.155A7.5 7.5 0 0 1 8.42 2.666c.44-.094.828.26.828.71c0 .383-.287.7-.66.79A6 6 0 0 0 6.03 5.5h1.224a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75zm8.073-.584c-.439-.094-.828.26-.828.71c0 .383.287.7.66.79a6 6 0 0 1 1.719.713c.326.2.754.178 1.024-.093c.318-.318.293-.844-.084-1.088a7.5 7.5 0 0 0-2.49-1.032M3.374 10.75c.383 0 .701.287.79.66a6 6 0 0 0 .713 1.718c.2.327.178.754-.093 1.025c-.317.318-.843.293-1.087-.084a7.5 7.5 0 0 1-1.032-2.491c-.094-.44.26-.828.709-.828m5.215 5.083c.372.09.66.408.66.791c0 .45-.39.803-.829.71A7.5 7.5 0 0 1 5.93 16.3c-.378-.244-.403-.77-.085-1.087c.27-.271.698-.293 1.025-.093a6 6 0 0 0 1.719.712m4.538-.712c.326-.2.754-.178 1.024.093c.318.317.293.843-.084 1.087c-.749.485-1.59.84-2.49 1.032c-.44.095-.829-.26-.829-.709c0-.383.287-.701.66-.79a6 6 0 0 0 1.719-.713m2.705-3.712c.09-.372.407-.66.79-.66c.45 0 .804.39.71.829a7.5 7.5 0 0 1-1.032 2.49c-.244.378-.77.403-1.088.085c-.27-.27-.293-.698-.093-1.025a6 6 0 0 0 .713-1.719m-.713-4.537c-.2-.327-.178-.755.093-1.025c.318-.318.844-.293 1.088.084c.484.749.839 1.59 1.032 2.49c.094.44-.26.829-.71.829c-.383 0-.7-.287-.79-.66a6 6 0 0 0-.713-1.718"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M3.503 3.25a.75.75 0 1 1 1.5 0v1.155A7.5 7.5 0 0 1 8.42 2.666c.44-.094.828.26.828.71c0 .383-.287.7-.66.79A6 6 0 0 0 6.03 5.5h1.224a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1-.75-.75zm8.073-.584c-.439-.094-.828.26-.828.71c0 .383.287.7.66.79a6 6 0 0 1 1.719.713c.326.2.754.178 1.024-.093c.318-.318.293-.844-.084-1.088a7.5 7.5 0 0 0-2.49-1.032M3.374 10.75c.383 0 .701.287.79.66a6 6 0 0 0 .713 1.718c.2.327.178.754-.093 1.025c-.317.318-.843.293-1.087-.084a7.5 7.5 0 0 1-1.032-2.491c-.094-.44.26-.828.709-.828m5.215 5.083c.372.09.66.408.66.791c0 .45-.39.803-.829.71A7.5 7.5 0 0 1 5.93 16.3c-.378-.244-.403-.77-.085-1.087c.27-.271.698-.293 1.025-.093a6 6 0 0 0 1.719.712m4.538-.712c.326-.2.754-.178 1.024.093c.318.317.293.843-.084 1.087c-.749.485-1.59.84-2.49 1.032c-.44.095-.829-.26-.829-.709c0-.383.287-.701.66-.79a6 6 0 0 0 1.719-.713m2.705-3.712c.09-.372.407-.66.79-.66c.45 0 .804.39.71.829a7.5 7.5 0 0 1-1.032 2.49c-.244.378-.77.403-1.088.085c-.27-.27-.293-.698-.093-1.025a6 6 0 0 0 .713-1.719m-.713-4.537c-.2-.327-.178-.755.093-1.025c.318-.318.844-.293 1.088.084c.484.749.839 1.59 1.032 2.49c.094.44-.26.829-.71.829c-.383 0-.7-.287-.79-.66a6 6 0 0 0-.713-1.718"/></svg> </template>
CSS
.icon-arrow-counterclockwise-dashes-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.503%203.25a.75.75%200%201%201%201.5%200v1.155A7.5%207.5%200%200%201%208.42%202.666c.44-.094.828.26.828.71c0%20.383-.287.7-.66.79A6%206%200%200%200%206.03%205.5h1.224a.75.75%200%200%201%200%201.5h-3a.75.75%200%200%201-.75-.75zm8.073-.584c-.439-.094-.828.26-.828.71c0%20.383.287.7.66.79a6%206%200%200%201%201.719.713c.326.2.754.178%201.024-.093c.318-.318.293-.844-.084-1.088a7.5%207.5%200%200%200-2.49-1.032M3.374%2010.75c.383%200%20.701.287.79.66a6%206%200%200%200%20.713%201.718c.2.327.178.754-.093%201.025c-.317.318-.843.293-1.087-.084a7.5%207.5%200%200%201-1.032-2.491c-.094-.44.26-.828.709-.828m5.215%205.083c.372.09.66.408.66.791c0%20.45-.39.803-.829.71A7.5%207.5%200%200%201%205.93%2016.3c-.378-.244-.403-.77-.085-1.087c.27-.271.698-.293%201.025-.093a6%206%200%200%200%201.719.712m4.538-.712c.326-.2.754-.178%201.024.093c.318.317.293.843-.084%201.087c-.749.485-1.59.84-2.49%201.032c-.44.095-.829-.26-.829-.709c0-.383.287-.701.66-.79a6%206%200%200%200%201.719-.713m2.705-3.712c.09-.372.407-.66.79-.66c.45%200%20.804.39.71.829a7.5%207.5%200%200%201-1.032%202.49c-.244.378-.77.403-1.088.085c-.27-.27-.293-.698-.093-1.025a6%206%200%200%200%20.713-1.719m-.713-4.537c-.2-.327-.178-.755.093-1.025c.318-.318.844-.293%201.088.084c.484.749.839%201.59%201.032%202.49c.094.44-.26.829-.71.829c-.383%200-.7-.287-.79-.66a6%206%200%200%200-.713-1.718%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.503%203.25a.75.75%200%201%201%201.5%200v1.155A7.5%207.5%200%200%201%208.42%202.666c.44-.094.828.26.828.71c0%20.383-.287.7-.66.79A6%206%200%200%200%206.03%205.5h1.224a.75.75%200%200%201%200%201.5h-3a.75.75%200%200%201-.75-.75zm8.073-.584c-.439-.094-.828.26-.828.71c0%20.383.287.7.66.79a6%206%200%200%201%201.719.713c.326.2.754.178%201.024-.093c.318-.318.293-.844-.084-1.088a7.5%207.5%200%200%200-2.49-1.032M3.374%2010.75c.383%200%20.701.287.79.66a6%206%200%200%200%20.713%201.718c.2.327.178.754-.093%201.025c-.317.318-.843.293-1.087-.084a7.5%207.5%200%200%201-1.032-2.491c-.094-.44.26-.828.709-.828m5.215%205.083c.372.09.66.408.66.791c0%20.45-.39.803-.829.71A7.5%207.5%200%200%201%205.93%2016.3c-.378-.244-.403-.77-.085-1.087c.27-.271.698-.293%201.025-.093a6%206%200%200%200%201.719.712m4.538-.712c.326-.2.754-.178%201.024.093c.318.317.293.843-.084%201.087c-.749.485-1.59.84-2.49%201.032c-.44.095-.829-.26-.829-.709c0-.383.287-.701.66-.79a6%206%200%200%200%201.719-.713m2.705-3.712c.09-.372.407-.66.79-.66c.45%200%20.804.39.71.829a7.5%207.5%200%200%201-1.032%202.49c-.244.378-.77.403-1.088.085c-.27-.27-.293-.698-.093-1.025a6%206%200%200%200%20.713-1.719m-.713-4.537c-.2-.327-.178-.755.093-1.025c.318-.318.844-.293%201.088.084c.484.749.839%201.59%201.032%202.49c.094.44-.26.829-.71.829c-.383%200-.7-.287-.79-.66a6%206%200%200%200-.713-1.718%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/arrow-counterclockwise-dashes-20-filled.svg?color=%231a73e8&size=48
