top speed icon
top-speed-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- top-speed-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
4 other variants in Fluent UI System Icons
Use the top speed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.543 5.483a8.46 8.46 0 0 1 4.707-1.95V5.25a.75.75 0 0 0 1.5 0V3.533a8.5 8.5 0 0 1 7.735 7.967H18.75a.75.75 0 0 0 0 1.5h1.694c-.26 2.312-1.423 4.248-3.168 5.668a.75.75 0 0 0 .948 1.164c2.226-1.813 3.67-4.394 3.77-7.485a1 1 0 0 0 .004-.156L22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 3.252 1.523 5.954 3.77 7.826a.75.75 0 0 0 .96-1.152C5.02 17.248 3.827 15.307 3.558 13H5.25a.75.75 0 0 0 0-1.5H3.514c.11-1.882.831-3.6 1.969-4.957L6.72 7.78a.75.75 0 0 0 1.06-1.06zM16.76 6.634a.646.646 0 0 0-.807.015l-.218.183a396 396 0 0 0-2.351 1.99c-.656.56-1.327 1.14-1.863 1.613a40 40 0 0 0-.689.62a5 5 0 0 0-.42.424a1.837 1.837 0 0 0 .312 2.619a1.934 1.934 0 0 0 2.677-.306c.088-.108.205-.296.325-.497c.128-.215.285-.49.459-.798c.347-.62.768-1.392 1.175-2.145a372 372 0 0 0 1.439-2.697l.131-.249a.61.61 0 0 0-.17-.772"/></svg>
React
import type { SVGProps } from "react";
export function FluentTopSpeed24Regular(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="M6.543 5.483a8.46 8.46 0 0 1 4.707-1.95V5.25a.75.75 0 0 0 1.5 0V3.533a8.5 8.5 0 0 1 7.735 7.967H18.75a.75.75 0 0 0 0 1.5h1.694c-.26 2.312-1.423 4.248-3.168 5.668a.75.75 0 0 0 .948 1.164c2.226-1.813 3.67-4.394 3.77-7.485a1 1 0 0 0 .004-.156L22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 3.252 1.523 5.954 3.77 7.826a.75.75 0 0 0 .96-1.152C5.02 17.248 3.827 15.307 3.558 13H5.25a.75.75 0 0 0 0-1.5H3.514c.11-1.882.831-3.6 1.969-4.957L6.72 7.78a.75.75 0 0 0 1.06-1.06zM16.76 6.634a.646.646 0 0 0-.807.015l-.218.183a396 396 0 0 0-2.351 1.99c-.656.56-1.327 1.14-1.863 1.613a40 40 0 0 0-.689.62a5 5 0 0 0-.42.424a1.837 1.837 0 0 0 .312 2.619a1.934 1.934 0 0 0 2.677-.306c.088-.108.205-.296.325-.497c.128-.215.285-.49.459-.798c.347-.62.768-1.392 1.175-2.145a372 372 0 0 0 1.439-2.697l.131-.249a.61.61 0 0 0-.17-.772"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.543 5.483a8.46 8.46 0 0 1 4.707-1.95V5.25a.75.75 0 0 0 1.5 0V3.533a8.5 8.5 0 0 1 7.735 7.967H18.75a.75.75 0 0 0 0 1.5h1.694c-.26 2.312-1.423 4.248-3.168 5.668a.75.75 0 0 0 .948 1.164c2.226-1.813 3.67-4.394 3.77-7.485a1 1 0 0 0 .004-.156L22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 3.252 1.523 5.954 3.77 7.826a.75.75 0 0 0 .96-1.152C5.02 17.248 3.827 15.307 3.558 13H5.25a.75.75 0 0 0 0-1.5H3.514c.11-1.882.831-3.6 1.969-4.957L6.72 7.78a.75.75 0 0 0 1.06-1.06zM16.76 6.634a.646.646 0 0 0-.807.015l-.218.183a396 396 0 0 0-2.351 1.99c-.656.56-1.327 1.14-1.863 1.613a40 40 0 0 0-.689.62a5 5 0 0 0-.42.424a1.837 1.837 0 0 0 .312 2.619a1.934 1.934 0 0 0 2.677-.306c.088-.108.205-.296.325-.497c.128-.215.285-.49.459-.798c.347-.62.768-1.392 1.175-2.145a372 372 0 0 0 1.439-2.697l.131-.249a.61.61 0 0 0-.17-.772"/></svg> </template>
CSS
.icon-top-speed-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.543%205.483a8.46%208.46%200%200%201%204.707-1.95V5.25a.75.75%200%200%200%201.5%200V3.533a8.5%208.5%200%200%201%207.735%207.967H18.75a.75.75%200%200%200%200%201.5h1.694c-.26%202.312-1.423%204.248-3.168%205.668a.75.75%200%200%200%20.948%201.164c2.226-1.813%203.67-4.394%203.77-7.485a1%201%200%200%200%20.004-.156L22%2012c0-5.523-4.477-10-10-10S2%206.477%202%2012c0%203.252%201.523%205.954%203.77%207.826a.75.75%200%200%200%20.96-1.152C5.02%2017.248%203.827%2015.307%203.558%2013H5.25a.75.75%200%200%200%200-1.5H3.514c.11-1.882.831-3.6%201.969-4.957L6.72%207.78a.75.75%200%200%200%201.06-1.06zM16.76%206.634a.646.646%200%200%200-.807.015l-.218.183a396%20396%200%200%200-2.351%201.99c-.656.56-1.327%201.14-1.863%201.613a40%2040%200%200%200-.689.62a5%205%200%200%200-.42.424a1.837%201.837%200%200%200%20.312%202.619a1.934%201.934%200%200%200%202.677-.306c.088-.108.205-.296.325-.497c.128-.215.285-.49.459-.798c.347-.62.768-1.392%201.175-2.145a372%20372%200%200%200%201.439-2.697l.131-.249a.61.61%200%200%200-.17-.772%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%22M6.543%205.483a8.46%208.46%200%200%201%204.707-1.95V5.25a.75.75%200%200%200%201.5%200V3.533a8.5%208.5%200%200%201%207.735%207.967H18.75a.75.75%200%200%200%200%201.5h1.694c-.26%202.312-1.423%204.248-3.168%205.668a.75.75%200%200%200%20.948%201.164c2.226-1.813%203.67-4.394%203.77-7.485a1%201%200%200%200%20.004-.156L22%2012c0-5.523-4.477-10-10-10S2%206.477%202%2012c0%203.252%201.523%205.954%203.77%207.826a.75.75%200%200%200%20.96-1.152C5.02%2017.248%203.827%2015.307%203.558%2013H5.25a.75.75%200%200%200%200-1.5H3.514c.11-1.882.831-3.6%201.969-4.957L6.72%207.78a.75.75%200%200%200%201.06-1.06zM16.76%206.634a.646.646%200%200%200-.807.015l-.218.183a396%20396%200%200%200-2.351%201.99c-.656.56-1.327%201.14-1.863%201.613a40%2040%200%200%200-.689.62a5%205%200%200%200-.42.424a1.837%201.837%200%200%200%20.312%202.619a1.934%201.934%200%200%200%202.677-.306c.088-.108.205-.296.325-.497c.128-.215.285-.49.459-.798c.347-.62.768-1.392%201.175-2.145a372%20372%200%200%200%201.439-2.697l.131-.249a.61.61%200%200%200-.17-.772%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/top-speed-24-regular.svg?color=%231a73e8&size=48
