ICONYZ
日本語
Font-GIS の Poi Home アイコン

Poi Home アイコン

gis:poi-home

Poi Home アイコン(gis:poi-home)は、Font-GIS セットの無料 SVG アイコンです(作者: Jean-Marc Viglino)。 100 × 100 のグリッドで描かれています。 Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font-GIS
作者
Jean-Marc Viglino
ライセンス
CC-BY-4.0
サイズ
100 × 100
カテゴリ
タグ
poihome
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M50.002 0C28.016 0 10 16.722 10 37.13c0 7.907 2.714 15.254 7.306 21.295L45.12 96.802c3.895 4.737 6.484 3.837 9.723-.25l30.68-42.216c.62-1.044 1.106-2.154 1.53-3.29c1.893-4.304 2.946-9 2.946-13.916C90 16.722 71.989 0 50.002 0m-.004 14.085c.371 0 .73.127 1.006.358l21.389 17.864c1.028.857.376 2.443-1.005 2.442H67.56V57.33c0 .772-.673 1.398-1.502 1.398H33.942c-.83 0-1.502-.626-1.502-1.398V34.75h-3.828c-1.38.001-2.033-1.585-1.005-2.442l21.389-17.864a1.57 1.57 0 0 1 1.002-.358"/></svg>

Poi Home アイコンの使い方

React

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

<Icon icon="gis:poi-home" width="24" />

Vue

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

<template>
  <Icon icon="gis:poi-home" width="24" />
</template>

Svelte

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

<Icon icon="gis:poi-home" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--poi-home]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:poi-home"></div>

Web コンポーネント

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

<iconify-icon icon="gis:poi-home"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/gis/poi-home.svg" alt="Poi Home アイコン" width="24" height="24">

Font-GIS の関連アイコン

Poi Home アイコン のよくある質問

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

はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font-GIS アイコン をすべて見る →