ICONYZ
日本語
Reicon の Map4 アイコン

Map4 アイコン

reicon:map4

Map4 アイコン(reicon:map4)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Reicon
作者
REICON
ライセンス
MIT
サイズ
24 × 24
カテゴリ
新しいアイコン
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M22 9v6c0 2.5-.5 4.25-1.62 5.38L14 14l7.73-7.73c.18.79.27 1.69.27 2.73"/><path stroke-linecap="round" stroke-linejoin="round" d="M21.73 6.27L6.27 21.73C3.26 21.04 2 18.96 2 15V9c0-5 2-7 7-7h6c3.96 0 6.04 1.26 6.73 4.27"/><path stroke-linecap="round" stroke-linejoin="round" d="M20.38 20.38C19.25 21.5 17.5 22 15 22H9c-1.04 0-1.94-.09-2.73-.27L14 14z"/><path d="M6.24 7.98c.68-2.93 5.08-2.93 5.76 0c.39 1.72-.69 3.18-1.64 4.08a1.8 1.8 0 0 1-2.48 0c-.95-.9-2.04-2.36-1.64-4.08Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.095 8.7h.009"/></g></svg>

Map4 アイコンの使い方

React

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

<Icon icon="reicon:map4" width="24" />

Vue

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

<template>
  <Icon icon="reicon:map4" width="24" />
</template>

Svelte

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

<Icon icon="reicon:map4" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:map4"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/map4.svg" alt="Map4 アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

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

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

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

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

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