Painter アイコン
map:painter
Painter アイコン(map:painter)は、Map Icons セットの無料 SVG アイコンです（作者: Scott de Jonge）。 50 × 50 のグリッドで描かれています。 Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Map Icons
- 作者
- Scott de Jonge
- ライセンス
- OFL-1.1
- サイズ
- 50 × 50
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M48.759 8.229C48.517 7.141 48.502 7 46.059 7h-2.456l-.491-1.349c-.648-1.957-2.826-3.822-4.996-4.366C36.86.971 32.386.916 21.467.992c-13.727.096-15.05.174-16.408.785C2.019 3.143.344 6.587 1.242 9.62c.627 2.114 1.945 3.679 3.817 4.52c1.357.61 2.68.674 16.407.769c10.918.077 15.393-.01 16.648-.325c2.177-.545 4.349-2.477 5.003-4.452c.493-1.485.515-1.5 2.125-1.394l1.625.107l.108 5.126l.107 5.125l-4.763 1.125c-2.616.619-5.893 1.41-7.28 1.759a898 898 0 0 1-7.464 1.815l-4.944 1.183l-.001 2.596c-.001 2.58.225 2.604-1.316 3.892L20 32.761V49h7V32.761l-1.431-1.312c-1.526-1.276-1.498-1.369-1.382-3.332l.151-2.018l1.764-.439c.961-.243 4.022-.987 6.795-1.658c2.773-.669 7.534-1.818 10.575-2.554L49 20.112v-5.328c0-2.928-.109-5.951-.241-6.555M24.775 44.636c0 .842-.159 1.016-1.015 1.105c-1.078.11-1.544-.424-1.314-1.504c.09-.421.461-.603 1.229-.603c.976.001 1.1.115 1.1 1.002"/></svg>Painter アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="map:painter" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="map:painter" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="map:painter" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[map--painter]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:painter"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="map:painter"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/map/painter.svg" alt="Painter アイコン" width="24" height="24">Painter アイコン のよくある質問
Painter アイコンは商用利用でも無料ですか?
はい。Map Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Painter アイコンを使うには?
@iconify/react をインストールして <Icon icon="map:painter" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Painter アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/map/painter.svg" alt="Painter アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。