Pinterest アイコン

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

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

grommet-icons:pinterest

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

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 0C5.372 0 0 5.372 0 12c0 5.084 3.163 9.426 7.627 11.174c-.105-.95-.2-2.406.042-3.442c.217-.936 1.407-5.965 1.407-5.965s-.36-.718-.36-1.781c0-1.669.968-2.915 2.172-2.915c1.024 0 1.518.769 1.518 1.69c0 1.03-.655 2.57-.993 3.996c-.283 1.195.598 2.169 1.777 2.169c2.133 0 3.772-2.25 3.772-5.495c0-2.873-2.065-4.883-5.013-4.883c-3.414 0-5.418 2.562-5.418 5.208c0 1.031.397 2.138.893 2.739a.36.36 0 0 1 .083.344c-.091.38-.293 1.194-.333 1.361c-.053.219-.174.266-.402.16c-1.499-.698-2.435-2.888-2.435-4.649c0-3.785 2.75-7.261 7.929-7.261c4.162 0 7.397 2.966 7.397 6.93c0 4.136-2.607 7.464-6.227 7.464c-1.216 0-2.358-.632-2.75-1.378l-.748 2.853c-.27 1.042-1.002 2.348-1.492 3.146A12 12 0 0 0 12 24c6.628 0 12-5.373 12-12c0-6.628-5.372-12-12-12"/></svg>

Pinterest アイコンの使い方

React

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

<Icon icon="grommet-icons:pinterest" width="24" />

Vue

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

<template>
  <Icon icon="grommet-icons:pinterest" width="24" />
</template>

Svelte

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

<Icon icon="grommet-icons:pinterest" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--pinterest]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="grommet-icons:pinterest"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/grommet-icons/pinterest.svg" alt="Pinterest アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Grommet Icons をすべて見る →