Scooter Side Bold icon

glyphs:scooter-side-bold

The Scooter Side Bold icon (glyphs:scooter-side-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs 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
Author: Goran Spasojevic
License: MIT
Size: 80 × 80
Tags: scooterside, sidebold, scootersidebold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" d="M58.5 27a5.5 5.5 0 0 1-5.5-5.5v0a5.5 5.5 0 0 1 5.5-5.5h1.7v0a.8.8 0 0 1 .8.8v9.4a.8.8 0 0 1-.8.8v0z"/><path fill="currentColor" fill-rule="evenodd" d="M9.462 52.974a11.929 11.929 0 0 1 23.076 0c.29-.404.462-.9.462-1.436V36.462A2.46 2.46 0 0 0 30.538 34h-9.314c-3.085 0-6.046 1.21-8.248 3.371l-.221.217A12.53 12.53 0 0 0 9 46.534v5.004c0 .536.171 1.032.462 1.436" clip-rule="evenodd"/><path fill="currentColor" d="m9.462 52.974l-1.218.875a1.5 1.5 0 0 0 2.669-.495zm5.574-7.304l.75 1.299zm11.928 0l-.75 1.299zm5.574 7.304l-1.45.38a1.5 1.5 0 0 0 2.668.495zM12.976 37.37l-1.05-1.07zm-.221.217l1.05 1.07zm-1.842 15.766a10.43 10.43 0 0 1 4.873-6.385l-1.5-2.598a13.43 13.43 0 0 0-6.275 8.222zm4.873-6.385a10.43 10.43 0 0 1 10.428 0l1.5-2.598a13.43 13.43 0 0 0-13.428 0zm10.428 0a10.43 10.43 0 0 1 4.873 6.385l2.902-.76a13.43 13.43 0 0 0-6.275-8.223zm7.542 6.88a3.95 3.95 0 0 0 .744-2.311h-3a.95.95 0 0 1-.18.56zm.744-2.311V36.462h-3v15.076zm0-15.076a3.96 3.96 0 0 0-3.962-3.962v3c.531 0 .962.43.962.962zM30.538 32.5h-9.314v3h9.314zm-9.314 0a13.28 13.28 0 0 0-9.299 3.8l2.101 2.142a10.28 10.28 0 0 1 7.198-2.942zm-9.299 3.8l-.22.217l2.1 2.141l.221-.216zm-.22.217A14.03 14.03 0 0 0 7.5 46.534h3c0-2.963 1.191-5.8 3.306-7.876zM7.5 46.534v5.004h3v-5.004zm0 5.004c0 .86.276 1.66.744 2.311l2.436-1.751a.95.95 0 0 1-.18-.56z"/><rect width="15" height="5" x="18" y="29" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" rx="2.5"/><path fill="currentColor" d="M33.773 51.5a2.5 2.5 0 0 0 0 5zm13.391 5a2.5 2.5 0 0 0 0-5zm6.108-12.476a2.5 2.5 0 0 0 4.964-.602zM42 18.5a2.5 2.5 0 0 0 0 5zm11.426 6.019l-2.481.3zM33.774 56.5h13.391v-5H33.773zm24.463-13.078l-2.328-19.204l-4.963.602l2.327 19.204zM49.456 18.5H42v5h7.456zm6.452 5.718a6.5 6.5 0 0 0-6.453-5.718v5a1.5 1.5 0 0 1 1.49 1.32z"/><path fill="currentColor" d="m66.496 44.747l-1.249 2.166zm1.813 4.841a2.5 2.5 0 0 0 3.957-3.056zm-23.624 4.027a2.5 2.5 0 0 0 4.94.77zm8.815-8.866l-1.25-2.165zm11.747 2.164a10.5 10.5 0 0 1 3.062 2.675l3.957-3.056a15.5 15.5 0 0 0-4.52-3.95zm-15.622 7.472a10.5 10.5 0 0 1 5.124-7.47l-2.498-4.331a15.5 15.5 0 0 0-7.566 11.03zm18.12-11.803a15.5 15.5 0 0 0-15.494.002l2.498 4.33a10.51 10.51 0 0 1 10.498-.001z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" d="M17.536 50a6.93 6.93 0 0 1 6.928 0v0a6.93 6.93 0 0 1 3.464 6v0a6.93 6.93 0 0 1-3.464 6v0a6.93 6.93 0 0 1-6.928 0v0a6.93 6.93 0 0 1-3.464-6v0a6.93 6.93 0 0 1 3.464-6m39 0a6.93 6.93 0 0 1 6.928 0v0a6.93 6.93 0 0 1 3.464 6v0a6.93 6.93 0 0 1-3.464 6v0a6.93 6.93 0 0 1-6.928 0v0a6.93 6.93 0 0 1-3.464-6v0a6.93 6.93 0 0 1 3.464-6"/></g></svg>

How to use the Scooter Side Bold icon

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:scooter-side-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:scooter-side-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:scooter-side-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--scooter-side-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:scooter-side-bold"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:scooter-side-bold"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/glyphs/scooter-side-bold.svg" alt="Scooter Side Bold icon" width="24" height="24">

Related icons in Glyphs

Scooter Side Bold icon FAQ

Is the Scooter Side Bold icon free for commercial use?

Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Scooter Side Bold icon in React?

Install @iconify/react and render <Icon icon="glyphs:scooter-side-bold" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Scooter Side Bold icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/scooter-side-bold.svg" alt="Scooter Side Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Glyphs icons →