Scooter Bold アイコン

Q: Scooter Bold アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:scooter-bold

Scooter Bold アイコン(glyphs:scooter-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: scooterbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M27.5 30.864c0-3.083 1.76-5.82 4.41-7.15A9.49 9.49 0 0 0 39.5 27.5a9.48 9.48 0 0 0 7.28-3.396a8 8 0 0 1 3.72 6.76V47.5c0 2.984-1.136 5.703-3 7.747V52a9 9 0 0 0-18 0v1.982a11.45 11.45 0 0 1-2-6.483z" clip-rule="evenodd"/><path fill="currentColor" d="m31.91 23.713l2.395-1.806a3 3 0 0 0-3.741-.875zm14.87.39l1.605-2.534a3 3 0 0 0-3.903.606zm.72 31.143h-3a3 3 0 0 0 5.217 2.02zm-18-1.264l-2.477 1.693a3 3 0 0 0 5.477-1.693zm1.064-32.95a11 11 0 0 0-6.064 9.832h6a5 5 0 0 1 2.756-4.47zM39.5 24.5a6.49 6.49 0 0 1-5.195-2.593l-4.79 3.613A12.49 12.49 0 0 0 39.5 30.5zm4.982-2.325A6.48 6.48 0 0 1 39.5 24.5v6a12.48 12.48 0 0 0 9.578-4.468zm9.018 8.69c0-3.863-2.008-7.327-5.115-9.296l-3.21 5.069a5 5 0 0 1 2.325 4.226zm0 16.635V30.864h-6V47.5zm-3.783 9.767a14.46 14.46 0 0 0 3.783-9.768h-6a8.46 8.46 0 0 1-2.217 5.725zM44.5 52v3.246h6V52zm-6-6a6 6 0 0 1 6 6h6c0-6.627-5.373-12-12-12zm-6 6a6 6 0 0 1 6-6v-6c-6.627 0-12 5.373-12 12zm0 1.982V52h-6v1.982zm-8-6.483c0 3.028.931 5.848 2.523 8.176l4.954-3.386a8.45 8.45 0 0 1-1.477-4.79zm0-16.635V47.5h6V30.864z"/><path fill="currentColor" fill-rule="evenodd" d="M34.044 15.5A6 6 0 0 0 33.5 18c0 .892.195 1.739.544 2.5H24.5a2.5 2.5 0 0 1 0-5zm10.912 5c.35-.761.544-1.608.544-2.5s-.195-1.739-.544-2.5H54.5a2.5 2.5 0 0 1 0 5z" clip-rule="evenodd"/><path fill="currentColor" d="m34.044 15.5l1.363.626A1.5 1.5 0 0 0 34.044 14zm0 5V22a1.5 1.5 0 0 0 1.363-2.126zm10.912 0l-1.363-.626A1.5 1.5 0 0 0 44.956 22zm0-5V14a1.5 1.5 0 0 0-1.363 2.126zM35 18c0-.672.146-1.306.407-1.874l-2.726-1.252A7.5 7.5 0 0 0 32 18zm.407 1.874A4.5 4.5 0 0 1 35 18h-3c0 1.113.243 2.172.68 3.126zM24.5 22h9.544v-3H24.5zm-4-4a4 4 0 0 0 4 4v-3a1 1 0 0 1-1-1zm4-4a4 4 0 0 0-4 4h3a1 1 0 0 1 1-1zm9.544 0H24.5v3h9.544zM44 18c0 .672-.146 1.306-.407 1.874l2.726 1.252A7.5 7.5 0 0 0 47 18zm-.407-1.874A4.5 4.5 0 0 1 44 18h3a7.5 7.5 0 0 0-.68-3.126zm1.363.874H54.5v-3h-9.544zm9.544 0a1 1 0 0 1 1 1h3a4 4 0 0 0-4-4zm1 1a1 1 0 0 1-1 1v3a4 4 0 0 0 4-4zm-1 1h-9.544v3H54.5z"/><rect width="8" height="20" x="34.5" y="48" fill="currentColor" rx="4"/><rect width="12" height="12" x="33.5" y="12" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round" stroke-width="5" rx="6"/></g></svg>

Scooter Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/scooter-bold.svg" alt="Scooter Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Scooter Bold アイコン

Scooter Bold アイコンのよくある質問

Scooter Bold アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Scooter Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:scooter-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Scooter Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/scooter-bold.svg" alt="Scooter Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →