Rectangle Pt アイコン
gis:rectangle-pt
Rectangle Pt アイコン(gis:rectangle-pt)は、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
- カテゴリ
- タグ
- rectanglept
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M12.55 15C5.662 15 0 20.661 0 27.55c0 6.017 4.317 11.096 10 12.286v20.428c-5.683 1.19-10 6.27-10 12.287C0 79.44 5.661 85.1 12.55 85.1c6.047 0 11.09-4.374 12.241-10.1h50.455c1.152 5.732 6.253 10.1 12.305 10.1c6.65 0 12.105-5.288 12.478-11.852a3.5 3.5 0 0 0 .07-.697a3.5 3.5 0 0 0-.07-.697C99.703 66.117 95.495 61.356 90 60.246V39.854c5.495-1.11 9.703-5.87 10.03-11.606a3.5 3.5 0 0 0 .07-.697a3.5 3.5 0 0 0-.07-.697C99.655 20.29 94.201 15 87.55 15c-6.016 0-11.096 4.317-12.286 10H24.77c-1.19-5.676-6.209-10-12.22-10m0 7c3.107 0 5.55 2.444 5.55 5.55c0 3.107-2.443 5.55-5.55 5.55S7 30.657 7 27.55S9.444 22 12.55 22m75 0c3.107 0 5.55 2.444 5.55 5.55c0 3.107-2.443 5.55-5.55 5.55S82 30.657 82 27.55S84.444 22 87.55 22M24.218 32h51.62A12.68 12.68 0 0 0 83 39.225v21.65A12.68 12.68 0 0 0 75.875 68h-51.7A12.64 12.64 0 0 0 17 60.838V39.262A12.64 12.64 0 0 0 24.217 32M12.55 67c3.106 0 5.549 2.444 5.549 5.55c0 3.107-2.443 5.55-5.55 5.55S7 75.657 7 72.55S9.444 67 12.55 67m75 0c3.106 0 5.549 2.444 5.549 5.55c0 3.107-2.443 5.55-5.55 5.55S82 75.657 82 72.55S84.444 67 87.55 67" color="currentColor"/></svg>Rectangle Pt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gis:rectangle-pt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:rectangle-pt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:rectangle-pt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--rectangle-pt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:rectangle-pt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:rectangle-pt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gis/rectangle-pt.svg" alt="Rectangle Pt アイコン" width="24" height="24">Font-GIS の関連アイコン
Rectangle Pt アイコン のよくある質問
Rectangle Pt アイコンは商用利用でも無料ですか?
はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Rectangle Pt アイコンを使うには?
@iconify/react をインストールして <Icon icon="gis:rectangle-pt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rectangle Pt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/rectangle-pt.svg" alt="Rectangle Pt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。