Pick アイコン

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

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

noto:pick

Pick アイコン(noto:pick)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#A06841" d="m120.57 116.83l-6.59 5.7c-2.54 2.19-6.4 1.9-8.57-.64L37.07 40.63l10.16-9.33l73.85 77.04a5.925 5.925 0 0 1-.51 8.49"/><path fill="#7D5133" d="M58.42 42.97L47.31 31.38L37.13 40.7l15.52 18.45c2.8-4.93 4.89-10.79 5.77-16.18"/><path fill="#82AEC0" d="M86.38 4.03C51.41 3.5 31.54 23.49 31.54 23.49S9.89 44.01 5.55 78.99c-.03.8-.01 1.51 1 1.73c1.28.28 1.59-.55 1.88-.99c4.18-8.7 13.4-25.99 32.42-43.61S78.23 10.45 87.23 6.95c.6-.21 1.01-.8 1.01-1.54c0-1.07-.89-1.39-1.86-1.38"/><path fill="#A06841" d="m37.99 19.63l-.63-.65a.71.71 0 0 0-.83-.13c-6.31 3.33-9.25 7.57-10.57 9.85c-.15.26-.12.59.09.82c.16.17.35.38.55.59c.9.98 4.18-.58 7.33-3.47s4.96-6.03 4.06-7.01"/><path fill="#2F7889" d="M39.89 30.9C13.53 54.46 7.69 80.6 7.69 80.6s.28-.08.56-.52c3.8-7.9 12.32-22.79 28.11-38.66c1.61 1.87 7.25 8.42 7.42 8.6c.9.98 4.52-.75 7.84-3.81s5.29-6.33 4.39-7.31l-7.76-8.37c16.35-13.57 31.11-20.51 39-23.59c.56-.2.74-.61.74-.61c-.2.02-21.86 1.1-48.1 24.57"/></svg>

Pick アイコンの使い方

React

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

<Icon icon="noto:pick" width="24" />

Vue

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

<template>
  <Icon icon="noto:pick" width="24" />
</template>

Svelte

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

<Icon icon="noto:pick" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--pick]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:pick"></div>

Web コンポーネント

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

<iconify-icon icon="noto:pick"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/pick.svg" alt="Pick アイコン" width="24" height="24">

Noto Emoji の関連アイコン

他のアイコンセットの Pick アイコン

Pick アイコンのよくある質問

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

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

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

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

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

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

Noto Emoji アイコンをすべて見る →