Scooter icon
glyphs-poly:scooter
The Scooter icon (glyphs-poly:scooter) is a free SVG icon from the Glyphs Poly set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs Poly icons are released under the MIT 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
- Glyphs Poly
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#2f80ed" fill-rule="evenodd" d="m33.924 23.02l1.796-.36A5.98 5.98 0 0 0 39.5 24a5.98 5.98 0 0 0 3.575-1.181l1.002.201a8 8 0 0 1 6.423 7.844V47.5c0 5.13-3.36 9.477-8 10.957V52a4 4 0 0 0-8 0v6.086c-4.115-1.752-7-5.832-7-10.586V30.864a8 8 0 0 1 6.423-7.844" clip-rule="evenodd"/><path fill="#2f80ed" d="m35.72 22.66l1.26-1.553a2 2 0 0 0-1.654-.409zm-1.797.36l-.394-1.96zm9.152-.201l.394-1.96a2 2 0 0 0-1.587.354zm1.002.201l.394-1.96zM42.5 58.457h-2a2 2 0 0 0 2.608 1.906zm-8-.371l-.783 1.84a2 2 0 0 0 2.783-1.84zm.825-37.388l-1.796.362l.789 3.921l1.796-.361zM39.5 22c-.957 0-1.83-.334-2.52-.893l-2.521 3.105A7.98 7.98 0 0 0 39.5 26zm2.382-.787A3.97 3.97 0 0 1 39.5 22v4a7.97 7.97 0 0 0 4.767-1.576zm2.589-.153l-1.002-.202l-.789 3.922l1.002.201zm8.029 9.804a10 10 0 0 0-8.03-9.804l-.788 3.921a6 6 0 0 1 4.818 5.883zm0 16.636V30.864h-4V47.5zm-9.392 12.863C48.553 58.625 52.5 53.526 52.5 47.5h-4a9.505 9.505 0 0 1-6.608 9.052zM40.5 52v6.457h4V52zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6zm-2 2a2 2 0 0 1 2-2v-4a6 6 0 0 0-6 6zm0 6.086V52h-4v6.086zM25.5 47.5c0 5.584 3.39 10.372 8.217 12.426l1.566-3.68A9.5 9.5 0 0 1 29.5 47.5zm0-16.636V47.5h4V30.864zm8.03-9.804a10 10 0 0 0-8.03 9.804h4a6 6 0 0 1 4.818-5.883z"/><path fill="#828282" fill-rule="evenodd" d="M33.841 16a6 6 0 0 0-.341 2c0 .701.12 1.374.341 2H24.5a2 2 0 1 1 0-4zm11.318 4a6 6 0 0 0 .341-2a6 6 0 0 0-.341-2H54.5a2 2 0 1 1 0 4z" clip-rule="evenodd"/><rect width="8" height="20" x="34.5" y="48" fill="#828282" rx="4"/><rect width="12" height="12" x="33.5" y="12" fill="#f2c94c" rx="6"/></g></svg>
How to use the Scooter icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:scooter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:scooter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:scooter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--scooter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:scooter"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:scooter"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/glyphs-poly/scooter.svg" alt="Scooter icon" width="24" height="24">
Related icons in Glyphs Poly
Scooter icon in other icon sets
Scooter icon FAQ
Is the Scooter icon free for commercial use?
Yes. Glyphs Poly icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Scooter icon in React?
Install @iconify/react and render <Icon icon="glyphs-poly:scooter" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Scooter icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs-poly/scooter.svg" alt="Scooter icon">, or paste the SVG code inline to style it with CSS.
Browse all Glyphs Poly icons →
ICONYZ
