ICONYZ
日本語
WebHostingHub Glyphs の Pinterest アイコン

Pinterest アイコン

whh:pinterest

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

アイコンセット
WebHostingHub Glyphs
作者
WebHostingHub
ライセンス
OFL-1.1
サイズ
832 × 1025
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1025" viewBox="0 0 832 1025"><path fill="currentColor" d="M512 768q-53 0-103.5-30.5T335 653q-23 82-38.5 135.5T261 904t-35 92t-25 28q-22-5 .5-173T262 518q-12-45-1-102q14-66 50-113t73-47t54 47t4 113q-10 47-32 86t-49 58q0 1-2 6q32 60 77 99t76 39q61 0 106-47.5T683.5 538T704 384q0-87-38.5-160.5T560.5 107T416 64t-144.5 43t-105 116.5T128 384q0 51 22 101q4 16 1 41t-18.5 47.5T97 594Q0 495 0 384q0-104 55.5-192.5T207 51.5T416 0t209 51.5t151.5 140T832 384q0 72-23.5 141T744 648t-101.5 87T512 768"/></svg>

Pinterest アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

WebHostingHub Glyphs アイコン をすべて見る →