Map Pin Off Fill アイコン
keyline-icons:map-pin-off-fill
Map Pin Off Fill アイコン(keyline-icons:map-pin-off-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- mappin、pinoff、offfill、mappinofffill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M17.4296 17.4296L12.7454 22.6667C12.5556 22.8788 12.2846 23 12 23C11.7154 23 11.4444 22.8788 11.2546 22.6667L5.2918 16C3.8159 14.3499 3 12.2138 3 10C3 8.0251 3.6361 6.1987 4.7146 4.7146ZM7.7668 3.5241C7.5387 3.296 7.4346 2.9719 7.4873 2.6536C7.54 2.3354 7.743 2.0621 8.0325 1.9197C9.2293 1.3307 10.576 1 12 1C16.9706 1 21 5.0294 21 10C21 11.3856 20.6804 12.7408 20.0793 13.9654C19.9371 14.2551 19.6638 14.4584 19.3454 14.5113C19.027 14.5642 18.7027 14.4602 18.4745 14.2319L14.2427 10C14.2427 8.7614 13.2386 7.7573 12 7.7573L7.7668 3.5241ZM12.8715 12.8715C12.5957 12.9551 12.3031 13 12 13C10.3431 13 9 11.6569 9 10C9 9.6969 9.0449 9.4043 9.1285 9.1285Z" clip-rule="evenodd" stroke="none"/><path d="M2 2L22 22"/></g></svg>Map Pin Off Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:map-pin-off-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:map-pin-off-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:map-pin-off-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--map-pin-off-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:map-pin-off-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:map-pin-off-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/map-pin-off-fill.svg" alt="Map Pin Off Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
map
map-duotone
map-fill
map-pin
map-pin-check
map-pin-check-duotone
map-pin-check-fill
map-pin-check-sharp
map-pin-check-sharp-duotone
map-pin-check-sharp-fill
map-pin-check-sharp-two-tone
map-pin-check-two-tone
map-pin-duotone
map-pin-fill
map-pin-heart
map-pin-heart-duotone
map-pin-heart-fill
map-pin-heart-sharp
map-pin-heart-sharp-duotone
map-pin-heart-sharp-fill
map-pin-heart-sharp-two-tone
map-pin-heart-two-tone
map-pin-minus
map-pin-minus-duotone
Map Pin Off Fill アイコン のよくある質問
Map Pin Off Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Map Pin Off Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:map-pin-off-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Map Pin Off Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/map-pin-off-fill.svg" alt="Map Pin Off Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。