Pin Sharp Fill アイコン

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

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

keyline-icons:pin-sharp-fill

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

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: pinsharp、sharpfill、pinsharpfill

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-linejoin="round" stroke-width="2"><path fill="currentColor" d="M15.1478 2.293L21.707 8.8522C21.8946 9.0398 21.9999 9.2941 21.9999 9.5593C21.9999 9.8246 21.8946 10.0789 21.707 10.2664L19.3319 12.6416C19.1443 12.8292 18.89 12.9345 18.6248 12.9345C18.4057 12.9345 18.1927 12.8626 18.0185 12.7298L16.9703 11.9306L15.222 13.679C15.7574 15.5541 16.029 17.4947 16.029 19.4448C16.029 19.6328 16.0265 19.8207 16.0215 20.0086C16.0135 20.3037 15.8757 20.5801 15.6448 20.764L14.3663 21.7823C14.1893 21.9233 13.9696 22.0001 13.7433 22.0001C13.4781 22.0001 13.2237 21.8947 13.0362 21.7072L2.2928 10.9638C2.1053 10.7763 1.9999 10.5219 1.9999 10.2567C1.9999 10.0304 2.0767 9.8107 2.2177 9.6337L3.236 8.3552C3.4199 8.1243 3.6963 7.9865 3.9914 7.9785C4.1793 7.9735 4.3672 7.971 4.5552 7.971C6.5053 7.971 8.4459 8.2426 10.321 8.778L12.0694 7.0297L11.2702 5.9815C11.1374 5.8073 11.0655 5.5943 11.0655 5.3752C11.0655 5.11 11.1708 4.8557 11.3584 4.6681L13.7336 2.293C13.9211 2.1054 14.1754 2.0001 14.4407 2.0001C14.7059 2.0001 14.9602 2.1054 15.1478 2.293Z" stroke="none"/><path d="M8.3716 15.6284L3.6875 20.3125"/></g></svg>

Pin Sharp Fill アイコンの使い方

React

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

<Icon icon="keyline-icons:pin-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:pin-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:pin-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--pin-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:pin-sharp-fill"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:pin-sharp-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/pin-sharp-fill.svg" alt="Pin Sharp Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

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

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

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

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

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

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

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

Keyline Icons をすべて見る →