slow mode icon
slow-mode-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- slow-mode-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
5 other variants in Fluent UI System Icons
Use the slow mode icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path d="M12.72 5c-2.165 0-3.708.656-4.817 1.761c-1.08 1.078-1.676 2.513-2.105 3.932L5.1 13.002H2.752a.75.75 0 0 0-.75.75c0 1.344.764 2.484 1.873 3.1l-.589 1.432A1.968 1.968 0 0 0 5.104 21h2.194c.762 0 1.454-.44 1.778-1.13l.707-1.503c1.97.273 3.968.276 5.939.01l.702 1.493A1.965 1.965 0 0 0 18.202 21h2.172a1.964 1.964 0 0 0 1.818-2.717L21.663 17H24c1.013 0 2-.784 2-1.886V14c0-1.706-1.48-2.997-3.182-2.997H19.87l-.094-.311c-.433-1.431-1.063-2.865-2.178-3.94C16.457 5.655 14.887 5 12.72 5zm8.51 10.5l-.907-2.997h2.495c.985 0 1.682.727 1.682 1.497v1.114c0 .135-.17.386-.5.386h-2.77zm-1.067 1.795l.642 1.56a.468.468 0 0 1-.43.645h-2.173a.465.465 0 0 1-.42-.268l-.526-1.119a21.913 21.913 0 0 0 2.907-.818zm-11.912.804l-.532 1.133a.465.465 0 0 1-.421.268H5.104a.465.465 0 0 1-.43-.645l.632-1.54c.074.01.15.017.225.022c.893.313 1.802.567 2.72.762zm-3.604-3.597l-.272.897a2.14 2.14 0 0 1-.72-.897h.992zm2.587-3.376c.407-1.348.915-2.492 1.728-3.302C9.748 7.04 10.888 6.5 12.72 6.5c1.837 0 3.016.542 3.836 1.332c.843.813 1.38 1.959 1.784 3.294l1.427 4.717a20.4 20.4 0 0 1-13.959 0l1.426-4.716z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentSlowMode28Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path d="M12.72 5c-2.165 0-3.708.656-4.817 1.761c-1.08 1.078-1.676 2.513-2.105 3.932L5.1 13.002H2.752a.75.75 0 0 0-.75.75c0 1.344.764 2.484 1.873 3.1l-.589 1.432A1.968 1.968 0 0 0 5.104 21h2.194c.762 0 1.454-.44 1.778-1.13l.707-1.503c1.97.273 3.968.276 5.939.01l.702 1.493A1.965 1.965 0 0 0 18.202 21h2.172a1.964 1.964 0 0 0 1.818-2.717L21.663 17H24c1.013 0 2-.784 2-1.886V14c0-1.706-1.48-2.997-3.182-2.997H19.87l-.094-.311c-.433-1.431-1.063-2.865-2.178-3.94C16.457 5.655 14.887 5 12.72 5zm8.51 10.5l-.907-2.997h2.495c.985 0 1.682.727 1.682 1.497v1.114c0 .135-.17.386-.5.386h-2.77zm-1.067 1.795l.642 1.56a.468.468 0 0 1-.43.645h-2.173a.465.465 0 0 1-.42-.268l-.526-1.119a21.913 21.913 0 0 0 2.907-.818zm-11.912.804l-.532 1.133a.465.465 0 0 1-.421.268H5.104a.465.465 0 0 1-.43-.645l.632-1.54c.074.01.15.017.225.022c.893.313 1.802.567 2.72.762zm-3.604-3.597l-.272.897a2.14 2.14 0 0 1-.72-.897h.992zm2.587-3.376c.407-1.348.915-2.492 1.728-3.302C9.748 7.04 10.888 6.5 12.72 6.5c1.837 0 3.016.542 3.836 1.332c.843.813 1.38 1.959 1.784 3.294l1.427 4.717a20.4 20.4 0 0 1-13.959 0l1.426-4.716z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><g fill="none"><path d="M12.72 5c-2.165 0-3.708.656-4.817 1.761c-1.08 1.078-1.676 2.513-2.105 3.932L5.1 13.002H2.752a.75.75 0 0 0-.75.75c0 1.344.764 2.484 1.873 3.1l-.589 1.432A1.968 1.968 0 0 0 5.104 21h2.194c.762 0 1.454-.44 1.778-1.13l.707-1.503c1.97.273 3.968.276 5.939.01l.702 1.493A1.965 1.965 0 0 0 18.202 21h2.172a1.964 1.964 0 0 0 1.818-2.717L21.663 17H24c1.013 0 2-.784 2-1.886V14c0-1.706-1.48-2.997-3.182-2.997H19.87l-.094-.311c-.433-1.431-1.063-2.865-2.178-3.94C16.457 5.655 14.887 5 12.72 5zm8.51 10.5l-.907-2.997h2.495c.985 0 1.682.727 1.682 1.497v1.114c0 .135-.17.386-.5.386h-2.77zm-1.067 1.795l.642 1.56a.468.468 0 0 1-.43.645h-2.173a.465.465 0 0 1-.42-.268l-.526-1.119a21.913 21.913 0 0 0 2.907-.818zm-11.912.804l-.532 1.133a.465.465 0 0 1-.421.268H5.104a.465.465 0 0 1-.43-.645l.632-1.54c.074.01.15.017.225.022c.893.313 1.802.567 2.72.762zm-3.604-3.597l-.272.897a2.14 2.14 0 0 1-.72-.897h.992zm2.587-3.376c.407-1.348.915-2.492 1.728-3.302C9.748 7.04 10.888 6.5 12.72 6.5c1.837 0 3.016.542 3.836 1.332c.843.813 1.38 1.959 1.784 3.294l1.427 4.717a20.4 20.4 0 0 1-13.959 0l1.426-4.716z" fill="currentColor"/></g></svg> </template>
CSS
.icon-slow-mode-28-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%2028%2028%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.72%205c-2.165%200-3.708.656-4.817%201.761c-1.08%201.078-1.676%202.513-2.105%203.932L5.1%2013.002H2.752a.75.75%200%200%200-.75.75c0%201.344.764%202.484%201.873%203.1l-.589%201.432A1.968%201.968%200%200%200%205.104%2021h2.194c.762%200%201.454-.44%201.778-1.13l.707-1.503c1.97.273%203.968.276%205.939.01l.702%201.493A1.965%201.965%200%200%200%2018.202%2021h2.172a1.964%201.964%200%200%200%201.818-2.717L21.663%2017H24c1.013%200%202-.784%202-1.886V14c0-1.706-1.48-2.997-3.182-2.997H19.87l-.094-.311c-.433-1.431-1.063-2.865-2.178-3.94C16.457%205.655%2014.887%205%2012.72%205zm8.51%2010.5l-.907-2.997h2.495c.985%200%201.682.727%201.682%201.497v1.114c0%20.135-.17.386-.5.386h-2.77zm-1.067%201.795l.642%201.56a.468.468%200%200%201-.43.645h-2.173a.465.465%200%200%201-.42-.268l-.526-1.119a21.913%2021.913%200%200%200%202.907-.818zm-11.912.804l-.532%201.133a.465.465%200%200%201-.421.268H5.104a.465.465%200%200%201-.43-.645l.632-1.54c.074.01.15.017.225.022c.893.313%201.802.567%202.72.762zm-3.604-3.597l-.272.897a2.14%202.14%200%200%201-.72-.897h.992zm2.587-3.376c.407-1.348.915-2.492%201.728-3.302C9.748%207.04%2010.888%206.5%2012.72%206.5c1.837%200%203.016.542%203.836%201.332c.843.813%201.38%201.959%201.784%203.294l1.427%204.717a20.4%2020.4%200%200%201-13.959%200l1.426-4.716z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M12.72%205c-2.165%200-3.708.656-4.817%201.761c-1.08%201.078-1.676%202.513-2.105%203.932L5.1%2013.002H2.752a.75.75%200%200%200-.75.75c0%201.344.764%202.484%201.873%203.1l-.589%201.432A1.968%201.968%200%200%200%205.104%2021h2.194c.762%200%201.454-.44%201.778-1.13l.707-1.503c1.97.273%203.968.276%205.939.01l.702%201.493A1.965%201.965%200%200%200%2018.202%2021h2.172a1.964%201.964%200%200%200%201.818-2.717L21.663%2017H24c1.013%200%202-.784%202-1.886V14c0-1.706-1.48-2.997-3.182-2.997H19.87l-.094-.311c-.433-1.431-1.063-2.865-2.178-3.94C16.457%205.655%2014.887%205%2012.72%205zm8.51%2010.5l-.907-2.997h2.495c.985%200%201.682.727%201.682%201.497v1.114c0%20.135-.17.386-.5.386h-2.77zm-1.067%201.795l.642%201.56a.468.468%200%200%201-.43.645h-2.173a.465.465%200%200%201-.42-.268l-.526-1.119a21.913%2021.913%200%200%200%202.907-.818zm-11.912.804l-.532%201.133a.465.465%200%200%201-.421.268H5.104a.465.465%200%200%201-.43-.645l.632-1.54c.074.01.15.017.225.022c.893.313%201.802.567%202.72.762zm-3.604-3.597l-.272.897a2.14%202.14%200%200%201-.72-.897h.992zm2.587-3.376c.407-1.348.915-2.492%201.728-3.302C9.748%207.04%2010.888%206.5%2012.72%206.5c1.837%200%203.016.542%203.836%201.332c.843.813%201.38%201.959%201.784%203.294l1.427%204.717a20.4%2020.4%200%200%201-13.959%200l1.426-4.716z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/slow-mode-28-regular.svg?color=%231a73e8&size=48
