Sheriff Badge アイコン
foundation:sheriff-badge
Sheriff Badge アイコン(foundation:sheriff-badge)は、Foundation セットの無料 SVG アイコンです(作者: Zurb)。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Foundation
- 作者
- Zurb
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- sheriffbadge
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M82.066 62.012c-.861 0-1.663.222-2.385.583l-6.813-11.801l6.755-11.701c.438.115.89.196 1.364.196a5.39 5.39 0 0 0 5.382-5.388a5.38 5.38 0 0 0-5.382-5.374a5.37 5.37 0 0 0-4.449 2.349h-15.17l-7.042-12.197a5.35 5.35 0 0 0 .873-2.92a5.39 5.39 0 0 0-5.389-5.385a5.387 5.387 0 0 0-5.382 5.387a5.35 5.35 0 0 0 .835 2.848L38.18 30.876H22.65c-.909-1.686-2.668-2.845-4.716-2.842a5.38 5.38 0 0 0-5.389 5.376a5.39 5.39 0 0 0 5.389 5.386c.861 0 1.663-.223 2.385-.583l6.814 11.802l-6.756 11.702a5.3 5.3 0 0 0-1.364-.196a5.38 5.38 0 1 0 0 10.762a5.38 5.38 0 0 0 4.451-2.35h15.169l6.815 11.805a5.3 5.3 0 0 0-.647 2.505a5.387 5.387 0 0 0 5.389 5.386a5.39 5.39 0 0 0 5.382-5.388a5.34 5.34 0 0 0-.61-2.432l6.857-11.876h15.532c.909 1.685 2.668 2.844 4.717 2.844a5.383 5.383 0 0 0 5.389-5.378a5.393 5.393 0 0 0-5.391-5.387"/></svg>Sheriff Badge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:sheriff-badge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:sheriff-badge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:sheriff-badge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--sheriff-badge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:sheriff-badge"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:sheriff-badge"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/foundation/sheriff-badge.svg" alt="Sheriff Badge アイコン" width="24" height="24">Sheriff Badge アイコン のよくある質問
Sheriff Badge アイコンは商用利用でも無料ですか?
はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sheriff Badge アイコンを使うには?
@iconify/react をインストールして <Icon icon="foundation:sheriff-badge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sheriff Badge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/sheriff-badge.svg" alt="Sheriff Badge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。