Pin Place アイコン

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

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

stash:pin-place

Pin Place アイコン(stash:pin-place)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24
タグ: pinplace

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M9.74 15.876a.75.75 0 0 1-.616.864a17.15 17.15 0 0 0-6.707 2.666a.75.75 0 0 1-.834-1.247a18.65 18.65 0 0 1 7.293-2.899a.75.75 0 0 1 .864.616m4.52 0a.75.75 0 0 1 .864-.616a18.65 18.65 0 0 1 7.293 2.899a.75.75 0 0 1-.834 1.247a17.15 17.15 0 0 0-6.707-2.666a.75.75 0 0 1-.616-.864"/><path d="M6.25 10a5.75 5.75 0 1 1 11.5 0c0 2.742-1.364 5.153-2.655 6.832a18.6 18.6 0 0 1-2.387 2.552a10 10 0 0 1-.22.185l-.013.012l-.004.003h-.002c0 .001 0 .002-.469-.584l-.43.614l-.003-.002l-.004-.003l-.015-.01l-.049-.036l-.175-.132a13 13 0 0 1-.602-.502a15.4 15.4 0 0 1-1.808-1.898C7.604 15.394 6.25 12.983 6.25 10M12 19l-.43.614a.75.75 0 0 0 .899-.028zm-.026-.973q.13-.118.286-.27a17 17 0 0 0 1.646-1.84c1.208-1.57 2.344-3.659 2.344-5.917a4.25 4.25 0 0 0-8.5 0c0 2.517 1.145 4.606 2.336 6.094a14 14 0 0 0 1.888 1.933M12 8.75a1.25 1.25 0 1 0 0 2.5a1.25 1.25 0 0 0 0-2.5M9.25 10a2.75 2.75 0 1 1 5.5 0a2.75 2.75 0 0 1-5.5 0"/></g></svg>

Pin Place アイコンの使い方

React

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

<Icon icon="stash:pin-place" width="24" />

Vue

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

<template>
  <Icon icon="stash:pin-place" width="24" />
</template>

Svelte

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

<Icon icon="stash:pin-place" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--pin-place]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:pin-place"></div>

Web コンポーネント

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

<iconify-icon icon="stash:pin-place"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/pin-place.svg" alt="Pin Place アイコン" width="24" height="24">

Stash Icons の関連アイコン

Pin Place アイコンのよくある質問

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

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

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

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

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

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

Stash Icons をすべて見る →