speed one icon
speed-one from IconPark by ByteDance · Color · Time · Apache-2.0 Free for personal and commercial use.
- Name
- speed-one
- Set
- IconPark
- Style
- Color
- Category
- Time
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More time icons from IconPark
Use the speed one icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M30.2972 18.7786C30.2972 18.7786 27.0679 27.8809 25.5334 29.47C23.9988 31.0591 21.4665 31.1033 19.8774 29.5687C18.2882 28.0341 18.244 25.5019 19.7786 23.9127C21.3132 22.3236 30.2972 18.7786 30.2972 18.7786Z"/><path stroke-linecap="round" d="M38.8492 38.8492C42.6495 35.049 45 29.799 45 24C45 12.402 35.598 3 24 3C12.402 3 3 12.402 3 24C3 29.799 5.35051 35.049 9.15076 38.8492"/><path stroke-linecap="round" d="M24 4V8"/><path stroke-linecap="round" d="M38.8454 11.1421L35.7368 13.6593"/><path stroke-linecap="round" d="M42.5223 27.2328L38.6248 26.333"/><path stroke-linecap="round" d="M5.47737 27.2328L9.37485 26.333"/><path stroke-linecap="round" d="M9.15463 11.142L12.2632 13.6593"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkSpeedOne(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" d="M30.2972 18.7786C30.2972 18.7786 27.0679 27.8809 25.5334 29.47C23.9988 31.0591 21.4665 31.1033 19.8774 29.5687C18.2882 28.0341 18.244 25.5019 19.7786 23.9127C21.3132 22.3236 30.2972 18.7786 30.2972 18.7786Z"/><path strokeLinecap="round" d="M38.8492 38.8492C42.6495 35.049 45 29.799 45 24C45 12.402 35.598 3 24 3C12.402 3 3 12.402 3 24C3 29.799 5.35051 35.049 9.15076 38.8492"/><path strokeLinecap="round" d="M24 4V8"/><path strokeLinecap="round" d="M38.8454 11.1421L35.7368 13.6593"/><path strokeLinecap="round" d="M42.5223 27.2328L38.6248 26.333"/><path strokeLinecap="round" d="M5.47737 27.2328L9.37485 26.333"/><path strokeLinecap="round" d="M9.15463 11.142L12.2632 13.6593"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M30.2972 18.7786C30.2972 18.7786 27.0679 27.8809 25.5334 29.47C23.9988 31.0591 21.4665 31.1033 19.8774 29.5687C18.2882 28.0341 18.244 25.5019 19.7786 23.9127C21.3132 22.3236 30.2972 18.7786 30.2972 18.7786Z"/><path stroke-linecap="round" d="M38.8492 38.8492C42.6495 35.049 45 29.799 45 24C45 12.402 35.598 3 24 3C12.402 3 3 12.402 3 24C3 29.799 5.35051 35.049 9.15076 38.8492"/><path stroke-linecap="round" d="M24 4V8"/><path stroke-linecap="round" d="M38.8454 11.1421L35.7368 13.6593"/><path stroke-linecap="round" d="M42.5223 27.2328L38.6248 26.333"/><path stroke-linecap="round" d="M5.47737 27.2328L9.37485 26.333"/><path stroke-linecap="round" d="M9.15463 11.142L12.2632 13.6593"/></g></svg> </template>
CSS
.icon-speed-one {
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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M30.2972%2018.7786C30.2972%2018.7786%2027.0679%2027.8809%2025.5334%2029.47C23.9988%2031.0591%2021.4665%2031.1033%2019.8774%2029.5687C18.2882%2028.0341%2018.244%2025.5019%2019.7786%2023.9127C21.3132%2022.3236%2030.2972%2018.7786%2030.2972%2018.7786Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M38.8492%2038.8492C42.6495%2035.049%2045%2029.799%2045%2024C45%2012.402%2035.598%203%2024%203C12.402%203%203%2012.402%203%2024C3%2029.799%205.35051%2035.049%209.15076%2038.8492%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M24%204V8%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M38.8454%2011.1421L35.7368%2013.6593%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M42.5223%2027.2328L38.6248%2026.333%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.47737%2027.2328L9.37485%2026.333%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.15463%2011.142L12.2632%2013.6593%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M30.2972%2018.7786C30.2972%2018.7786%2027.0679%2027.8809%2025.5334%2029.47C23.9988%2031.0591%2021.4665%2031.1033%2019.8774%2029.5687C18.2882%2028.0341%2018.244%2025.5019%2019.7786%2023.9127C21.3132%2022.3236%2030.2972%2018.7786%2030.2972%2018.7786Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M38.8492%2038.8492C42.6495%2035.049%2045%2029.799%2045%2024C45%2012.402%2035.598%203%2024%203C12.402%203%203%2012.402%203%2024C3%2029.799%205.35051%2035.049%209.15076%2038.8492%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M24%204V8%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M38.8454%2011.1421L35.7368%2013.6593%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M42.5223%2027.2328L38.6248%2026.333%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M5.47737%2027.2328L9.37485%2026.333%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.15463%2011.142L12.2632%2013.6593%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/speed-one.svg?color=%231a73e8&size=48
