Id Badge Alt アイコン

vs:id-badge-alt

Id Badge Alt アイコン(vs:id-badge-alt)は、Vesper Icons セットの無料 SVG アイコンです（作者: TableCheck）。 2368 × 1792 のグリッドで描かれています。 Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Vesper Icons
作者: TableCheck
ライセンス: OFL-1.1
サイズ: 2368 × 1792
タグ: idbadge、badgealt、idbadgealt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="2368" height="1792" viewBox="0 0 2368 1792"><path fill="currentColor" d="M2368 448v1152q0 78-57.5 135t-134.5 57H192q-77 0-134.5-57T0 1600V448q0-76 58-134t134-58h704l-1 158h-30q-16 0-27 10.5T827 449v69q0 14 11 23.5t27 9.5h643q16 0 26.5-9.5T1545 518v-69q0-14-10.5-24.5T1508 414h-31l-2-158h701q77 0 134.5 57.5T2368 448m-1331 968q0-64-9-118.5t-29-105t-60-79.5t-95-29q-76 76-181 76q-107 0-183-76q-55 0-94.5 29t-59.5 79.5t-28.5 105T289 1416q0 63 36 108.5t88 45.5h497q52 0 89.5-45.5T1037 1416M887 898q0-94-65.5-160.5T663 671t-158.5 66.5T439 898q0 92 65.5 157.5T663 1121t158.5-65.5T887 898m1195 560v-75q0-15-10-26t-25-11h-825q-15 0-26.5 11t-11.5 26v75q0 15 11.5 26t26.5 11h825q15 0 25-10.5t10-26.5m-447-298v-76q0-16-11-26.5t-26-10.5h-376q-15 0-26.5 11t-11.5 26v76q0 15 11.5 26t26.5 11h376q15 0 26-10.5t11-26.5m447 0v-76q0-16-10-26.5t-25-10.5h-225q-16 0-27 10.5t-11 26.5v76q0 16 11 26.5t27 10.5h225q15 0 25-10.5t10-26.5m0-300v-75q0-16-10-26.5t-25-10.5h-825q-15 0-26.5 11t-11.5 26v75q0 16 11.5 27t26.5 11h825q15 0 25-11t10-27M1049 0q-24 0-41 12.5T991 43v397q0 17 17.5 30t40.5 13h274q24 0 40.5-13t16.5-30V43q0-18-16.5-30.5T1323 0z"/></svg>

Id Badge Alt アイコンの使い方

React

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

<Icon icon="vs:id-badge-alt" width="24" />

Vue

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

<template>
  <Icon icon="vs:id-badge-alt" width="24" />
</template>

Svelte

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

<Icon icon="vs:id-badge-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--id-badge-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:id-badge-alt"></div>

Web コンポーネント

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

<iconify-icon icon="vs:id-badge-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/vs/id-badge-alt.svg" alt="Id Badge Alt アイコン" width="24" height="24">

Vesper Icons の関連アイコン

Id Badge Alt アイコンのよくある質問

Id Badge Alt アイコンは商用利用でも無料ですか?

はい。Vesper Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Id Badge Alt アイコンを使うには?

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

Id Badge Alt アイコンをウェブページに追加するには?

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

Vesper Icons をすべて見る →