Shield アイコン
simple-line-icons:shield
Shield アイコン(simple-line-icons:shield)は、Simple line icons セットの無料 SVG アイコンです（作者: Sabbir Ahmed）。 1024 × 1024 のグリッドで描かれています。 Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple line icons
- 作者
- Sabbir Ahmed
- ライセンス
- MIT
- サイズ
- 1024 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M907.952 144.48a64 64 0 0 0-43.663-17.217c-1.472 0-2.943.065-4.4.16c-.912.065-11.184.689-27.28.689c-26.656 0-78.688-1.808-127.969-13.936c-63.664-15.631-137.12-88.16-158.496-102.464A63.96 63.96 0 0 0 510.576.93a64.2 64.2 0 0 0-35.536 10.752c-2.592 1.744-79.504 84.032-154.752 102.496C271.04 126.305 218 128.113 191.376 128.113c-16.096 0-26.369-.624-27.376-.689a62 62 0 0 0-4.225-.16A64.2 64.2 0 0 0 116 144.544c-12.945 12.096-20.32 29.008-20.32 46.72v160.032c0 591.632 387.12 667.808 403.567 670.783a65.6 65.6 0 0 0 11.313 1.008c3.776 0 7.6-.336 11.312-1.008c16.432-2.976 406.4-79.151 406.4-670.783V191.264a63.8 63.8 0 0 0-20.32-46.784m-43.647 206.816c0 544.912-353.714 607.777-353.714 607.777s-350.88-62.88-350.88-607.776V191.265s12.096.848 31.68.848c33.568 0 90.032-2.464 144.16-15.776C424.175 154.593 510.575 64.93 510.575 64.93s90.256 89.664 178.784 111.408c54.192 13.312 109.68 15.776 143.249 15.776c19.568 0 31.68-.848 31.68-.848s.016 20.352.016 160.031h.001zm-216.706-5.055c-12.496-12.496-32.769-12.496-45.249 0l-90.512 90.512l-90.511-90.512c-12.497-12.496-32.769-12.496-45.265 0s-12.496 32.769 0 45.249l90.512 90.512l-90.512 90.511c-12.496 12.48-12.496 32.753 0 45.25s32.769 12.496 45.265 0l90.511-90.512l90.512 90.511c12.48 12.497 32.753 12.497 45.249 0s12.496-32.768 0-45.249l-90.512-90.511L647.6 391.49c12.496-12.48 12.496-32.753 0-45.249z"/></svg>
Shield アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:shield" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:shield" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:shield" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--shield]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:shield"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:shield"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-line-icons/shield.svg" alt="Shield アイコン" width="24" height="24">
Shield アイコン のよくある質問
Shield アイコンは商用利用でも無料ですか?
はい。Simple line icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shield アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-line-icons:shield" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shield アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-line-icons/shield.svg" alt="Shield アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Simple line icons をすべて見る →
ICONYZ
