Scooter Duo アイコン

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

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

glyphs:scooter-duo

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

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

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-opacity=".25" d="m34.424 23.02l1.796-.36A5.98 5.98 0 0 0 40 24a5.98 5.98 0 0 0 3.575-1.181l1.002.201A8 8 0 0 1 51 30.864V47.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.844m.121-7.52A6 6 0 0 0 34 18c0 .892.195 1.739.544 2.5H25a2.5 2.5 0 0 1 0-5zm10.912 5c.35-.761.544-1.608.544-2.5s-.195-1.739-.544-2.5H55a2.5 2.5 0 0 1 0 5z"/><path fill="currentColor" fill-opacity=".25" d="M35 52a4 4 0 0 1 8 0v12a4 4 0 0 1-8 0zm-1-34a6 6 0 1 1 12 0a6 6 0 0 1-12 0"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 24a5.98 5.98 0 0 1-3.78-1.34l-1.797.36A8 8 0 0 0 28 30.864V47.5c0 4.754 2.885 8.834 7 10.586V52m5-28a5.98 5.98 0 0 0 3.575-1.181l1.002.201A8 8 0 0 1 51 30.864V47.5c0 5.13-3.36 9.477-8 10.957V52m-3-28a6 6 0 0 1-6-6m6 6a6 6 0 0 0 6-6m-3 34a4 4 0 0 0-8 0m8 0v12a4 4 0 0 1-8 0V52m-1-34c0-.892.195-1.739.544-2.5H25a2.5 2.5 0 0 0 0 5h9.544A6 6 0 0 1 34 18m0 0a6 6 0 0 1 12 0m0 0c0 .892-.195 1.739-.544 2.5H55a2.5 2.5 0 0 0 0-5h-9.544c.35.761.544 1.608.544 2.5"/></g></svg>

Scooter Duo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Glyphs の関連アイコン

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

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

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

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

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

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

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

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