ICONYZ
日本語
Foundation の Sheriff Badge アイコン

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 コード

<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 コードをページに直接貼り付けます。

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