ICONYZ
日本語
Keyline Icons の Shield Terminal Fill アイコン

Shield Terminal Fill アイコン

keyline-icons:shield-terminal-fill

Shield Terminal Fill アイコン(keyline-icons:shield-terminal-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
shieldterminal、terminalfill、shieldterminalfill
SVG をダウンロード

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="M5.0647 4.1754C7.4506 3.8923 9.2514 2.6998 10.3279 1.6554C10.7686 1.2278 11.3816 1 12 1C12.6184 1 13.2314 1.2278 13.6721 1.6554C14.7486 2.6998 16.5495 3.8923 18.9353 4.1754C20.0939 4.3129 21 5.2554 21 6.3829L21 12.5708C21 14.5658 20.6389 16.5862 19.4031 18.1846C18.1083 19.859 16.0537 21.7334 13.1746 22.7912C12.7984 22.9293 12.4008 23 12.0001 23C11.5993 23 11.2016 22.9293 10.8253 22.7911C7.9462 21.7334 5.8916 19.859 4.5969 18.1846C3.3611 16.5862 3 14.5658 3 12.5708L3 6.3829C3 5.2554 3.9062 4.3129 5.0647 4.1754ZM9.6508 7.7407C9.4695 7.5854 9.2387 7.5 9 7.5C8.4477 7.5 8 7.9477 8 8.5C8 8.7919 8.1276 9.0693 8.3492 9.2593L10.3801 11L8.3492 12.7407C8.1276 12.9307 8 13.2081 8 13.5C8 14.0523 8.4477 14.5 9 14.5C9.2387 14.5 9.4695 14.4146 9.6508 14.2593L12.1246 12.1389C12.457 11.8539 12.6484 11.4379 12.6484 11C12.6484 10.5621 12.457 10.1461 12.1246 9.8611L9.6508 7.7407ZM13 14.5C12.4477 14.5 12 14.9477 12 15.5C12 16.0523 12.4477 16.5 13 16.5L15 16.5C15.5523 16.5 16 16.0523 16 15.5C16 14.9477 15.5523 14.5 15 14.5L13 14.5Z" clip-rule="evenodd"/></svg>

Shield Terminal Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:shield-terminal-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:shield-terminal-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:shield-terminal-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--shield-terminal-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:shield-terminal-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-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/shield-terminal-fill.svg" alt="Shield Terminal Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Shield Terminal Fill アイコン のよくある質問

Shield Terminal Fill アイコンは商用利用でも無料ですか?

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

React で Shield Terminal Fill アイコンを使うには?

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

Shield Terminal Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/shield-terminal-fill.svg" alt="Shield Terminal Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →