Map アイコン

Q: Map アイコンは商用利用でも無料ですか?

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

fontisto:map

Map アイコン(fontisto:map)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 28 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 28 × 24
カテゴリ: インターフェース

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24"><path fill="currentColor" d="m26.602 23.85l-6.066-4.073l-6.073 4.073c-.132.091-.295.145-.472.145s-.34-.054-.474-.147l.003.002l-6.068-4.073l-6.067 4.073a.84.84 0 0 1-.928.011l.003.002a1.06 1.06 0 0 1-.46-.874v-.021v.001V5.393c0-.352.173-.663.439-.853l.003-.002L6.983.146c.132-.091.295-.145.472-.145s.34.054.474.147L7.926.146l6.066 4.073L20.059.146c.132-.091.295-.145.472-.145s.34.054.474.147l-.003-.002l6.541 4.392c.266.189.438.497.438.844l-.001.038v-.002v17.581c0 .361-.182.679-.459.869l-.004.002a.83.83 0 0 1-.45.131a.86.86 0 0 1-.472-.152l.003.002zM2 6.056v15.101l4.436-3.086V2.97zm12.993 15.045l4.56-3.062v-6.823c-.044.044-.08.087-.118.131q-.169.198-.338.387l-.75-.662q.16-.186.331-.381c.175-.194.35-.4.538-.606l.331.3V2.938L14.986 6v7.017a4 4 0 0 0 .435-.047l-.023.003l.16.987a7 7 0 0 1-.531.056h-.031zm-6.56-3.055l4.56 3.055V12.96l-.262.8a5.7 5.7 0 0 1-1.316-.625l.022.013l.531-.85c.295.191.633.358.991.483l.034.01V5.999l-4.56-3.061v6.304c.296.157.545.312.783.483l-.02-.014l-.581.812c-.056-.044-.118-.08-.181-.125zM22.246 9.28a3.6 3.6 0 0 0-.716.234l.023-.009v8.575l4.429 3.02V5.994l-4.436-3.033v5.467c.129-.044.297-.089.468-.125l.032-.006zm-5.735 3.348c.37-.184.689-.405.972-.665l-.003.003l.662.75a5.2 5.2 0 0 1-1.164.798l-.03.014zm-6.923-1.124c-.056-.075-.118-.144-.181-.218l.762-.65l.187.225c.218.256.418.5.64.72l-.687.725a10 10 0 0 1-.711-.782l-.014-.018zm-6.379.24l.013-.05c.136-.487.333-.912.586-1.297l-.011.017l.825.56c-.188.295-.34.636-.438 1L4.178 12l-.018.056zM24.114 9.7l-.64.65l-.712-.712l.65-.64l-.65-.64l.712-.712l.64.65l.64-.65l.712.712l-.65.64l.65.64l-.712.712zM4.497 9.53a3.5 3.5 0 0 1 .689-.509l.018-.009c.169-.093.368-.18.574-.249l.025-.007l.306.95c-.15.044.075.038-.062.113c-.334.132-.62.281-.888.456l.019-.012z"/></svg>

Map アイコンの使い方

React

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

<Icon icon="fontisto:map" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:map" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:map" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--map]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:map"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fontisto:map"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/map.svg" alt="Map アイコン" width="24" height="24">

Fontisto の関連アイコン

他のアイコンセットの Map アイコン

Map アイコンのよくある質問

Map アイコンは商用利用でも無料ですか?

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

React で Map アイコンを使うには?

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

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

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

Fontisto アイコンをすべて見る →