Pinterest アイコン

el:pinterest

Pinterest アイコン(el:pinterest)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0c356.454 6.666 597.673 280.025 600 600c-6.375 340.923-280.025 597.673-600 600c-59.191-.229-116.981-9.442-169.763-24.622q16.846-27.214 33.692-60.259c23.688-48.151 34.503-99.721 46.652-149.028q7.776-31.75 22.03-83.585q15.55 29.805 56.372 51.835c71.035 34.562 159.039 23.145 222.246-9.071c88.677-50.367 140.639-128.602 168.467-216.413c53.582-203.643-15.51-399.439-200.217-478.187c-222.716-67.084-471.27 16.639-557.883 215.768c-37.816 133.072-35.578 303.927 95.896 359.61q10.372 3.888 18.79 0c12.34-7.05 26.651-68.155 23.975-80.993q-1.296-5.833-9.071-16.198c-72.663-98.369-28.379-244.763 39.524-318.144c115.467-99.179 295.177-115.283 401.08-20.734c93.934 109.584 72.6 280.13 12.311 388.77c-33.312 53.126-78 93.273-138.013 93.952c-63.17-1.398-110.815-54.854-94.601-115.334c13.779-70.979 52.015-146.255 53.132-212.527c-3.053-55.122-30.656-90.083-81.643-90.713c-81.388 10.263-114.242 86.357-115.335 155.508c2.603 33.23 4.618 67.054 19.438 94.602q-25.918 104.968-40.173 169.114c-14.567 75.873-43.132 155.229-47.3 228.726q-1.945 36.283-.648 67.387C136.638 1044.027 1.314 838.081 0 600C6.476 253.707 280.025 2.327 600 0"/></svg>

Pinterest アイコンの使い方

React

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

<Icon icon="el:pinterest" width="24" />

Vue

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

<template>
  <Icon icon="el:pinterest" width="24" />
</template>

Svelte

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

<Icon icon="el:pinterest" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="el:pinterest"></iconify-icon>

HTML 画像

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

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

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

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

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Elusive Icons をすべて見る →