ICONYZ
日本語
theSVG Color の Canonical Multipass アイコン

Canonical Multipass アイコン

thesvg-color:canonical-multipass

Canonical Multipass アイコン(thesvg-color:canonical-multipass)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
canonicalmultipass
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M23.422 21.736a2.262 2.262 0 1 1-4.524 0a2.262 2.262 0 0 1 4.524 0m-18.318 0a2.263 2.263 0 1 1-4.527.001a2.263 2.263 0 0 1 4.527 0m9.19-2.262a2.294 2.294 0 1 1-4.588.001a2.294 2.294 0 0 1 4.589 0m5.023-15.29c.436.802.455 1.666.455 1.666v12.475a3.67 3.67 0 0 1 2.776 0V5.85c0-.15-.02-1.49-.724-2.863C20.838 1.06 18.98 0 16.591 0c-1.94 0-3.532.709-4.592 2.018C10.938.71 9.347.001 7.407.001C5.019 0 3.16 1.06 2.173 2.987A6.8 6.8 0 0 0 1.45 5.85v12.475a3.67 3.67 0 0 1 2.777 0V5.86c0-.008.017-.871.454-1.675c.514-.947 1.406-1.407 2.725-1.407s2.223.476 2.743 1.458c.444.838.461 1.736.461 1.736v10.092a3.67 3.67 0 0 1 2.776 0V5.978c0-.032.023-.916.462-1.743c.52-.98 1.416-1.458 2.742-1.458s2.212.46 2.725 1.407Z"/></svg>

Canonical Multipass アイコンの使い方

React

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

<Icon icon="thesvg-color:canonical-multipass" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:canonical-multipass" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:canonical-multipass" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--canonical-multipass]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:canonical-multipass"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:canonical-multipass"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/canonical-multipass.svg" alt="Canonical Multipass アイコン" width="24" height="24">

theSVG Color の関連アイコン

Canonical Multipass アイコン のよくある質問

Canonical Multipass アイコンは商用利用でも無料ですか?

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

React で Canonical Multipass アイコンを使うには?

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

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

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

theSVG Color アイコン をすべて見る →