Shield Terminal Sharp Fill アイコン
keyline-icons:shield-terminal-sharp-fill
Shield Terminal Sharp Fill アイコン(keyline-icons:shield-terminal-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- shieldterminal、terminalsharp、sharpfill、shieldterminalsharpfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21 5.3088L21 15.778C21 15.9994 20.9265 16.2145 20.7911 16.3897L19.4031 18.1846C18.148 19.8076 16.0328 21.7411 13.1746 22.7912C12.4724 23.0492 11.5276 23.0492 10.8253 22.7911C7.9672 21.7411 5.852 19.8076 4.5969 18.1846L3.2089 16.3895C3.0735 16.2143 3 15.9992 3 15.7778L3 5.3088C3 4.8021 3.379 4.3755 3.8821 4.3158L5.0646 4.1754C7.4767 3.8892 9.2001 2.7495 10.3279 1.6554C11.1316 0.8756 12.8684 0.8756 13.6721 1.6554C14.7999 2.7495 16.5233 3.8892 18.9353 4.1754L20.1179 4.3158C20.621 4.3755 21 4.8021 21 5.3088ZM9.3016 7.4414L8 8.9599L10.3801 11L8 13.0401L9.3016 14.5586L12.5675 11.7593C12.7891 11.5693 12.9167 11.2919 12.9167 11C12.9167 10.7081 12.7891 10.4307 12.5675 10.2407L9.3016 7.4414ZM12 14.5L12 16.5L16 16.5L16 14.5L12 14.5Z" clip-rule="evenodd"/></svg>Shield Terminal Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:shield-terminal-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:shield-terminal-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:shield-terminal-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--shield-terminal-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:shield-terminal-sharp-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:shield-terminal-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/shield-terminal-sharp-fill.svg" alt="Shield Terminal Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
shield
shield-alert
shield-alert-duotone
shield-alert-fill
shield-alert-sharp
shield-alert-sharp-duotone
shield-alert-sharp-fill
shield-alert-sharp-two-tone
shield-alert-two-tone
shield-check
shield-check-duotone
shield-check-fill
shield-check-sharp
shield-check-sharp-duotone
shield-check-sharp-fill
shield-check-sharp-two-tone
shield-check-two-tone
shield-duotone
shield-fill
shield-heart
shield-heart-duotone
shield-heart-fill
shield-heart-sharp
shield-heart-sharp-duotone
Shield Terminal Sharp Fill アイコン のよくある質問
Shield Terminal Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shield Terminal Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:shield-terminal-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shield Terminal Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/shield-terminal-sharp-fill.svg" alt="Shield Terminal Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。