Speed One icon
icon-park:speed-one
The Speed One icon (icon-park:speed-one) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Time
- Tags
- speedone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" 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>How to use the Speed One icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:speed-one" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:speed-one" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:speed-one" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--speed-one]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:speed-one"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:speed-one"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/speed-one.svg" alt="Speed One icon" width="24" height="24">Related icons in IconPark
Speed One icon in other icon sets
Speed One icon FAQ
Is the Speed One icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Speed One icon in React?
Install @iconify/react and render <Icon icon="icon-park:speed-one" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Speed One icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/speed-one.svg" alt="Speed One icon">, or paste the SVG code inline to style it with CSS.