cube sync icon
cube-sync-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- cube-sync-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the cube sync icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.703 6.042a.5.5 0 1 0-.406.914L9.5 8.824v3.382a5.5 5.5 0 0 1 1-1.481v-1.9l4.203-1.869a.5.5 0 1 0-.406-.914L10 7.952zM9.072 16.59q.191.075.39.12q.25.565.614 1.057a3.5 3.5 0 0 1-1.376-.25l-5.757-2.302A1.5 1.5 0 0 1 2 13.822V6.176a1.5 1.5 0 0 1 .943-1.392L8.7 2.48a3.5 3.5 0 0 1 2.6 0l5.757 2.303c.57.227.943.779.943 1.392v4.08a5.5 5.5 0 0 0-1-.657V6.176a.5.5 0 0 0-.314-.464L10.929 3.41a2.5 2.5 0 0 0-1.857 0L3.314 5.712A.5.5 0 0 0 3 6.176v7.646a.5.5 0 0 0 .314.465zM10 14.5a4.5 4.5 0 1 0 9 0a4.5 4.5 0 0 0-9 0m6.5-3a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H15a.5.5 0 1 1 0-1h.468a2 2 0 0 0-1.717-.105a2 2 0 0 0-.665.44a.5.5 0 1 1-.707-.707A3 3 0 0 1 16 12.152V12a.5.5 0 0 1 .5-.5m-.876 5.531A3 3 0 0 1 13 16.848V17a.5.5 0 1 1-1 0v-1.5a.5.5 0 0 1 .5-.5H14a.5.5 0 0 1 0 1h-.468q.075.04.155.077a2 2 0 0 0 2.227-.413a.5.5 0 0 1 .707.707a3 3 0 0 1-.997.66"/></svg>
React
import type { SVGProps } from "react";
export function FluentCubeSync20Regular(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="M5.703 6.042a.5.5 0 1 0-.406.914L9.5 8.824v3.382a5.5 5.5 0 0 1 1-1.481v-1.9l4.203-1.869a.5.5 0 1 0-.406-.914L10 7.952zM9.072 16.59q.191.075.39.12q.25.565.614 1.057a3.5 3.5 0 0 1-1.376-.25l-5.757-2.302A1.5 1.5 0 0 1 2 13.822V6.176a1.5 1.5 0 0 1 .943-1.392L8.7 2.48a3.5 3.5 0 0 1 2.6 0l5.757 2.303c.57.227.943.779.943 1.392v4.08a5.5 5.5 0 0 0-1-.657V6.176a.5.5 0 0 0-.314-.464L10.929 3.41a2.5 2.5 0 0 0-1.857 0L3.314 5.712A.5.5 0 0 0 3 6.176v7.646a.5.5 0 0 0 .314.465zM10 14.5a4.5 4.5 0 1 0 9 0a4.5 4.5 0 0 0-9 0m6.5-3a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H15a.5.5 0 1 1 0-1h.468a2 2 0 0 0-1.717-.105a2 2 0 0 0-.665.44a.5.5 0 1 1-.707-.707A3 3 0 0 1 16 12.152V12a.5.5 0 0 1 .5-.5m-.876 5.531A3 3 0 0 1 13 16.848V17a.5.5 0 1 1-1 0v-1.5a.5.5 0 0 1 .5-.5H14a.5.5 0 0 1 0 1h-.468q.075.04.155.077a2 2 0 0 0 2.227-.413a.5.5 0 0 1 .707.707a3 3 0 0 1-.997.66"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M5.703 6.042a.5.5 0 1 0-.406.914L9.5 8.824v3.382a5.5 5.5 0 0 1 1-1.481v-1.9l4.203-1.869a.5.5 0 1 0-.406-.914L10 7.952zM9.072 16.59q.191.075.39.12q.25.565.614 1.057a3.5 3.5 0 0 1-1.376-.25l-5.757-2.302A1.5 1.5 0 0 1 2 13.822V6.176a1.5 1.5 0 0 1 .943-1.392L8.7 2.48a3.5 3.5 0 0 1 2.6 0l5.757 2.303c.57.227.943.779.943 1.392v4.08a5.5 5.5 0 0 0-1-.657V6.176a.5.5 0 0 0-.314-.464L10.929 3.41a2.5 2.5 0 0 0-1.857 0L3.314 5.712A.5.5 0 0 0 3 6.176v7.646a.5.5 0 0 0 .314.465zM10 14.5a4.5 4.5 0 1 0 9 0a4.5 4.5 0 0 0-9 0m6.5-3a.5.5 0 0 1 .5.5v1.5a.5.5 0 0 1-.5.5H15a.5.5 0 1 1 0-1h.468a2 2 0 0 0-1.717-.105a2 2 0 0 0-.665.44a.5.5 0 1 1-.707-.707A3 3 0 0 1 16 12.152V12a.5.5 0 0 1 .5-.5m-.876 5.531A3 3 0 0 1 13 16.848V17a.5.5 0 1 1-1 0v-1.5a.5.5 0 0 1 .5-.5H14a.5.5 0 0 1 0 1h-.468q.075.04.155.077a2 2 0 0 0 2.227-.413a.5.5 0 0 1 .707.707a3 3 0 0 1-.997.66"/></svg> </template>
CSS
.icon-cube-sync-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.703%206.042a.5.5%200%201%200-.406.914L9.5%208.824v3.382a5.5%205.5%200%200%201%201-1.481v-1.9l4.203-1.869a.5.5%200%201%200-.406-.914L10%207.952zM9.072%2016.59q.191.075.39.12q.25.565.614%201.057a3.5%203.5%200%200%201-1.376-.25l-5.757-2.302A1.5%201.5%200%200%201%202%2013.822V6.176a1.5%201.5%200%200%201%20.943-1.392L8.7%202.48a3.5%203.5%200%200%201%202.6%200l5.757%202.303c.57.227.943.779.943%201.392v4.08a5.5%205.5%200%200%200-1-.657V6.176a.5.5%200%200%200-.314-.464L10.929%203.41a2.5%202.5%200%200%200-1.857%200L3.314%205.712A.5.5%200%200%200%203%206.176v7.646a.5.5%200%200%200%20.314.465zM10%2014.5a4.5%204.5%200%201%200%209%200a4.5%204.5%200%200%200-9%200m6.5-3a.5.5%200%200%201%20.5.5v1.5a.5.5%200%200%201-.5.5H15a.5.5%200%201%201%200-1h.468a2%202%200%200%200-1.717-.105a2%202%200%200%200-.665.44a.5.5%200%201%201-.707-.707A3%203%200%200%201%2016%2012.152V12a.5.5%200%200%201%20.5-.5m-.876%205.531A3%203%200%200%201%2013%2016.848V17a.5.5%200%201%201-1%200v-1.5a.5.5%200%200%201%20.5-.5H14a.5.5%200%200%201%200%201h-.468q.075.04.155.077a2%202%200%200%200%202.227-.413a.5.5%200%200%201%20.707.707a3%203%200%200%201-.997.66%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%22M5.703%206.042a.5.5%200%201%200-.406.914L9.5%208.824v3.382a5.5%205.5%200%200%201%201-1.481v-1.9l4.203-1.869a.5.5%200%201%200-.406-.914L10%207.952zM9.072%2016.59q.191.075.39.12q.25.565.614%201.057a3.5%203.5%200%200%201-1.376-.25l-5.757-2.302A1.5%201.5%200%200%201%202%2013.822V6.176a1.5%201.5%200%200%201%20.943-1.392L8.7%202.48a3.5%203.5%200%200%201%202.6%200l5.757%202.303c.57.227.943.779.943%201.392v4.08a5.5%205.5%200%200%200-1-.657V6.176a.5.5%200%200%200-.314-.464L10.929%203.41a2.5%202.5%200%200%200-1.857%200L3.314%205.712A.5.5%200%200%200%203%206.176v7.646a.5.5%200%200%200%20.314.465zM10%2014.5a4.5%204.5%200%201%200%209%200a4.5%204.5%200%200%200-9%200m6.5-3a.5.5%200%200%201%20.5.5v1.5a.5.5%200%200%201-.5.5H15a.5.5%200%201%201%200-1h.468a2%202%200%200%200-1.717-.105a2%202%200%200%200-.665.44a.5.5%200%201%201-.707-.707A3%203%200%200%201%2016%2012.152V12a.5.5%200%200%201%20.5-.5m-.876%205.531A3%203%200%200%201%2013%2016.848V17a.5.5%200%201%201-1%200v-1.5a.5.5%200%200%201%20.5-.5H14a.5.5%200%200%201%200%201h-.468q.075.04.155.077a2%202%200%200%200%202.227-.413a.5.5%200%200%201%20.707.707a3%203%200%200%201-.997.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/cube-sync-20-regular.svg?color=%231a73e8&size=48
