speed icon
speed-rounded from Material Symbols Light by Google · Rounded · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- speed-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the speed icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.758 15.192q.452.452 1.18.415q.73-.038 1.078-.515l3.841-5.359q.205-.296-.035-.536t-.537-.036l-5.377 3.824q-.497.334-.559 1.032t.409 1.175M5.1 19q-.277 0-.51-.141q-.234-.142-.394-.386q-.592-1.021-.894-2.158T3 14q0-1.868.709-3.51t1.924-2.857T8.49 5.709T12 5q1.857 0 3.487.698q1.63.697 2.852 1.9q1.223 1.204 1.936 2.818q.714 1.615.72 3.469q.005 1.244-.294 2.412q-.299 1.169-.903 2.253q-.14.244-.38.347q-.239.103-.524.103z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSpeedRounded(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="M10.758 15.192q.452.452 1.18.415q.73-.038 1.078-.515l3.841-5.359q.205-.296-.035-.536t-.537-.036l-5.377 3.824q-.497.334-.559 1.032t.409 1.175M5.1 19q-.277 0-.51-.141q-.234-.142-.394-.386q-.592-1.021-.894-2.158T3 14q0-1.868.709-3.51t1.924-2.857T8.49 5.709T12 5q1.857 0 3.487.698q1.63.697 2.852 1.9q1.223 1.204 1.936 2.818q.714 1.615.72 3.469q.005 1.244-.294 2.412q-.299 1.169-.903 2.253q-.14.244-.38.347q-.239.103-.524.103z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.758 15.192q.452.452 1.18.415q.73-.038 1.078-.515l3.841-5.359q.205-.296-.035-.536t-.537-.036l-5.377 3.824q-.497.334-.559 1.032t.409 1.175M5.1 19q-.277 0-.51-.141q-.234-.142-.394-.386q-.592-1.021-.894-2.158T3 14q0-1.868.709-3.51t1.924-2.857T8.49 5.709T12 5q1.857 0 3.487.698q1.63.697 2.852 1.9q1.223 1.204 1.936 2.818q.714 1.615.72 3.469q.005 1.244-.294 2.412q-.299 1.169-.903 2.253q-.14.244-.38.347q-.239.103-.524.103z"/></svg> </template>
CSS
.icon-speed-rounded {
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%22M10.758%2015.192q.452.452%201.18.415q.73-.038%201.078-.515l3.841-5.359q.205-.296-.035-.536t-.537-.036l-5.377%203.824q-.497.334-.559%201.032t.409%201.175M5.1%2019q-.277%200-.51-.141q-.234-.142-.394-.386q-.592-1.021-.894-2.158T3%2014q0-1.868.709-3.51t1.924-2.857T8.49%205.709T12%205q1.857%200%203.487.698q1.63.697%202.852%201.9q1.223%201.204%201.936%202.818q.714%201.615.72%203.469q.005%201.244-.294%202.412q-.299%201.169-.903%202.253q-.14.244-.38.347q-.239.103-.524.103z%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%22M10.758%2015.192q.452.452%201.18.415q.73-.038%201.078-.515l3.841-5.359q.205-.296-.035-.536t-.537-.036l-5.377%203.824q-.497.334-.559%201.032t.409%201.175M5.1%2019q-.277%200-.51-.141q-.234-.142-.394-.386q-.592-1.021-.894-2.158T3%2014q0-1.868.709-3.51t1.924-2.857T8.49%205.709T12%205q1.857%200%203.487.698q1.63.697%202.852%201.9q1.223%201.204%201.936%202.818q.714%201.615.72%203.469q.005%201.244-.294%202.412q-.299%201.169-.903%202.253q-.14.244-.38.347q-.239.103-.524.103z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/speed-rounded.svg?color=%231a73e8&size=48
