Map Outline With Info I アイコン
pinhead:map-outline-with-info-i
Map Outline With Info I アイコン(pinhead:map-outline-with-info-i)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- mapoutline、outlinewith、withinfo、infoi、mapoutlinewithinfoi
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M14.91 1.86c.06.12.09.24.09.38v8.89c0 .28-.15.54-.39.69l-3.37 2.06c-.2.11-.43.15-.64.1c.54-.36.65-.79.65-1.32v-.71l2.08-1.27v-7.1l-2.2 1.12c-.38.19-.8.29-1.22.28c-.03-.15-.08-.29-.17-.43l-.02-.02l.03-.02c.31-.35.51-.77.59-1.25h.02l3.42-1.75a.86.86 0 0 1 1.13.35M4.57 1.07l.58.25c-.26.42-.39.9-.39 1.43v.19l-.46-.21l-2.63 1.61v7.27l2.38-1.04c-.25.33-.3.61-.3.99v.93l-2.58 1.12c-.42.18-.91 0-1.1-.41a.75.75 0 0 1-.07-.33V3.89c0-.28.15-.54.39-.69l3.4-2.08c.24-.14.53-.16.78-.05m5.07 10.27c.08 0 .14.01.16.03c.03.02.04.07.04.15v1.14c0 .08-.01.13-.03.17l-.02.02c-.03.02-.08.03-.14.03l-.08.01H5.33c-.07 0-.12-.02-.14-.04q-.03-.03-.03-.15v-1.14q0-.15.03-.18c.02-.03.07-.04.16-.04h.92c.07 0 .12 0 .15-.02c.02-.01.03-.06.03-.14v-4.2c0-.13-.04-.19-.13-.19h-.98q-.18 0-.18-.15V5.45c0-.14.07-.2.21-.2h3c.06 0 .11 0 .14.02c.02.01.04.05.04.12v5.77c0 .07 0 .12.02.15c.01.02.06.03.13.03zM7.57 1.45c.39 0 .72.11 1 .34c.27.22.41.54.41.96c0 .08-.01.16-.02.24v.04c-.01.02-.01.04-.02.06l.02-.1l-.03.17c-.01.03-.02.05-.03.08c0 .01-.01.03-.02.05c-.01.03-.02.05-.03.08c-.01.01-.02.03-.02.04c-.02.03-.04.06-.06.08c0 .01-.01.02-.02.03a.9.9 0 0 1-.18.2q-.36.285-.84.33h-.16c-.1 0-.21 0-.3-.02a1.55 1.55 0 0 1-.69-.31c-.28-.22-.41-.55-.41-.97V2.6c.01-.04.01-.09.02-.14a1.5 1.5 0 0 1 .13-.38c.01-.01.02-.02.03-.04s.03-.04.04-.06c.01-.01.02-.02.03-.04c.01-.01.03-.03.04-.05c.04-.03.08-.07.12-.1c.27-.23.61-.34.99-.34"/></svg>
Map Outline With Info I アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:map-outline-with-info-i" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:map-outline-with-info-i" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:map-outline-with-info-i" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--map-outline-with-info-i]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:map-outline-with-info-i"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:map-outline-with-info-i"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/map-outline-with-info-i.svg" alt="Map Outline With Info I アイコン" width="24" height="24">
Pinhead Map Icons の関連アイコン
Map Outline With Info I アイコン のよくある質問
Map Outline With Info I アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Map Outline With Info I アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:map-outline-with-info-i" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Map Outline With Info I アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/map-outline-with-info-i.svg" alt="Map Outline With Info I アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
