fast acceleration icon
fast-acceleration-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.
- Name
- fast-acceleration-24-filled
- Set
- Fluent UI System Icons
- Style
- 24 Filled
- Viewbox
- 24×24
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the fast acceleration icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 4a8.5 8.5 0 1 1-4.822 15.5H1.752a.75.75 0 0 1-.102-1.493L1.752 18l5.268.001a8.5 8.5 0 0 1-1.022-1.5L3.747 16.5a.75.75 0 0 1-.102-1.493L3.747 15l1.627.001A8.5 8.5 0 0 1 5 12.5c0-2.097.76-4.018 2.019-5.5H2.75a.75.75 0 0 1-.102-1.493L2.75 5.5h5.927A8.46 8.46 0 0 1 13.5 4m1.154 10.716a2.5 2.5 0 0 1-2.297.006l-1.096 1.096c.64.433 1.411.687 2.242.687c.834 0 1.608-.255 2.249-.691zm-5.152-2.213c0 .836.256 1.613.695 2.255l1.093-1.091a2.5 2.5 0 0 1-.29-1.168c0-.417.103-.81.284-1.155l-1.091-1.09a4 4 0 0 0-.691 2.25m7.316-2.242l-1.095 1.095c.176.342.276.731.276 1.143c0 .417-.102.81-.283 1.156l1.098 1.097c.436-.641.69-1.415.69-2.249c0-.83-.253-1.603-.686-2.242M13.5 11.5a1 1 0 1 0 0 1.998a1 1 0 0 0 0-1.998m.003-2.998a4 4 0 0 0-2.25.691l1.09 1.09a2.5 2.5 0 0 1 2.323.005l1.092-1.091a4 4 0 0 0-2.255-.695"/></svg>
React
import type { SVGProps } from "react";
export function FluentFastAcceleration24Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 4a8.5 8.5 0 1 1-4.822 15.5H1.752a.75.75 0 0 1-.102-1.493L1.752 18l5.268.001a8.5 8.5 0 0 1-1.022-1.5L3.747 16.5a.75.75 0 0 1-.102-1.493L3.747 15l1.627.001A8.5 8.5 0 0 1 5 12.5c0-2.097.76-4.018 2.019-5.5H2.75a.75.75 0 0 1-.102-1.493L2.75 5.5h5.927A8.46 8.46 0 0 1 13.5 4m1.154 10.716a2.5 2.5 0 0 1-2.297.006l-1.096 1.096c.64.433 1.411.687 2.242.687c.834 0 1.608-.255 2.249-.691zm-5.152-2.213c0 .836.256 1.613.695 2.255l1.093-1.091a2.5 2.5 0 0 1-.29-1.168c0-.417.103-.81.284-1.155l-1.091-1.09a4 4 0 0 0-.691 2.25m7.316-2.242l-1.095 1.095c.176.342.276.731.276 1.143c0 .417-.102.81-.283 1.156l1.098 1.097c.436-.641.69-1.415.69-2.249c0-.83-.253-1.603-.686-2.242M13.5 11.5a1 1 0 1 0 0 1.998a1 1 0 0 0 0-1.998m.003-2.998a4 4 0 0 0-2.25.691l1.09 1.09a2.5 2.5 0 0 1 2.323.005l1.092-1.091a4 4 0 0 0-2.255-.695"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 4a8.5 8.5 0 1 1-4.822 15.5H1.752a.75.75 0 0 1-.102-1.493L1.752 18l5.268.001a8.5 8.5 0 0 1-1.022-1.5L3.747 16.5a.75.75 0 0 1-.102-1.493L3.747 15l1.627.001A8.5 8.5 0 0 1 5 12.5c0-2.097.76-4.018 2.019-5.5H2.75a.75.75 0 0 1-.102-1.493L2.75 5.5h5.927A8.46 8.46 0 0 1 13.5 4m1.154 10.716a2.5 2.5 0 0 1-2.297.006l-1.096 1.096c.64.433 1.411.687 2.242.687c.834 0 1.608-.255 2.249-.691zm-5.152-2.213c0 .836.256 1.613.695 2.255l1.093-1.091a2.5 2.5 0 0 1-.29-1.168c0-.417.103-.81.284-1.155l-1.091-1.09a4 4 0 0 0-.691 2.25m7.316-2.242l-1.095 1.095c.176.342.276.731.276 1.143c0 .417-.102.81-.283 1.156l1.098 1.097c.436-.641.69-1.415.69-2.249c0-.83-.253-1.603-.686-2.242M13.5 11.5a1 1 0 1 0 0 1.998a1 1 0 0 0 0-1.998m.003-2.998a4 4 0 0 0-2.25.691l1.09 1.09a2.5 2.5 0 0 1 2.323.005l1.092-1.091a4 4 0 0 0-2.255-.695"/></svg> </template>
CSS
.icon-fast-acceleration-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%204a8.5%208.5%200%201%201-4.822%2015.5H1.752a.75.75%200%200%201-.102-1.493L1.752%2018l5.268.001a8.5%208.5%200%200%201-1.022-1.5L3.747%2016.5a.75.75%200%200%201-.102-1.493L3.747%2015l1.627.001A8.5%208.5%200%200%201%205%2012.5c0-2.097.76-4.018%202.019-5.5H2.75a.75.75%200%200%201-.102-1.493L2.75%205.5h5.927A8.46%208.46%200%200%201%2013.5%204m1.154%2010.716a2.5%202.5%200%200%201-2.297.006l-1.096%201.096c.64.433%201.411.687%202.242.687c.834%200%201.608-.255%202.249-.691zm-5.152-2.213c0%20.836.256%201.613.695%202.255l1.093-1.091a2.5%202.5%200%200%201-.29-1.168c0-.417.103-.81.284-1.155l-1.091-1.09a4%204%200%200%200-.691%202.25m7.316-2.242l-1.095%201.095c.176.342.276.731.276%201.143c0%20.417-.102.81-.283%201.156l1.098%201.097c.436-.641.69-1.415.69-2.249c0-.83-.253-1.603-.686-2.242M13.5%2011.5a1%201%200%201%200%200%201.998a1%201%200%200%200%200-1.998m.003-2.998a4%204%200%200%200-2.25.691l1.09%201.09a2.5%202.5%200%200%201%202.323.005l1.092-1.091a4%204%200%200%200-2.255-.695%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.5%204a8.5%208.5%200%201%201-4.822%2015.5H1.752a.75.75%200%200%201-.102-1.493L1.752%2018l5.268.001a8.5%208.5%200%200%201-1.022-1.5L3.747%2016.5a.75.75%200%200%201-.102-1.493L3.747%2015l1.627.001A8.5%208.5%200%200%201%205%2012.5c0-2.097.76-4.018%202.019-5.5H2.75a.75.75%200%200%201-.102-1.493L2.75%205.5h5.927A8.46%208.46%200%200%201%2013.5%204m1.154%2010.716a2.5%202.5%200%200%201-2.297.006l-1.096%201.096c.64.433%201.411.687%202.242.687c.834%200%201.608-.255%202.249-.691zm-5.152-2.213c0%20.836.256%201.613.695%202.255l1.093-1.091a2.5%202.5%200%200%201-.29-1.168c0-.417.103-.81.284-1.155l-1.091-1.09a4%204%200%200%200-.691%202.25m7.316-2.242l-1.095%201.095c.176.342.276.731.276%201.143c0%20.417-.102.81-.283%201.156l1.098%201.097c.436-.641.69-1.415.69-2.249c0-.83-.253-1.603-.686-2.242M13.5%2011.5a1%201%200%201%200%200%201.998a1%201%200%200%200%200-1.998m.003-2.998a4%204%200%200%200-2.25.691l1.09%201.09a2.5%202.5%200%200%201%202.323.005l1.092-1.091a4%204%200%200%200-2.255-.695%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/fast-acceleration-24-filled.svg?color=%231a73e8&size=48
