Sheild アイコン
map:sheild
Sheild アイコン(map:sheild)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Map Icons
- 作者
- Scott de Jonge
- ライセンス
- OFL-1.1
- サイズ
- 50 × 50
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M42.56 17.108c.278-3.306 1.275-6.341 3.03-9.124L38.856 1.5c-2.127 1.763-4.551 2.74-7.295 2.912c-2.516.219-4.9-.241-7.144-1.383c-2.306 1.104-4.681 1.567-7.156 1.383a13.25 13.25 0 0 1-6.943-2.644L3.567 8.25c1.661 2.822 2.586 5.775 2.767 8.858c.086 1.419-.334 3.375-1.279 5.9a42 42 0 0 0-1.123 3.63c-.236 1.009-.383 1.827-.433 2.442c-.034 2.691.75 5.121 2.358 7.282c1.257 1.577 3.33 3.319 6.208 5.224c3.148 1.543 5.585 2.544 7.292 2.971l1.416.635c.445.204.922.405 1.419.623c1.075.62 1.828 1.291 2.225 1.984c.488-.751 1.259-1.404 2.283-1.984a50 50 0 0 0 1.826-.797l1.069-.46c.365-.173.842-.373 1.422-.594a84 84 0 0 1 2.164-.791c1.663-.566 2.874-1.103 3.643-1.587c2.792-1.904 4.833-3.619 6.132-5.15c1.665-2.168 2.475-4.61 2.438-7.354c-.099-1.23-.64-3.196-1.622-5.875c-.934-2.611-1.347-4.637-1.212-6.099"/></svg>Sheild アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="map:sheild" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:sheild" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:sheild" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--sheild]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:sheild"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:sheild"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/map/sheild.svg" alt="Sheild アイコン" width="24" height="24">Sheild アイコン のよくある質問
Sheild アイコンは商用利用でも無料ですか?
はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Sheild アイコンを使うには?
@iconify/react をインストールして <Icon icon="map:sheild" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sheild アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/sheild.svg" alt="Sheild アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。