Poinpy アイコン
arcticons:poinpy
Poinpy アイコン(arcticons:poinpy)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.722 12.554a21 21 0 0 1 2.426-.49M40.42 28.431a13 13 0 0 0 .098-1.598c0-7.105-2.972-12.684-8.67-14.464"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.609 15.359C20.262 9.846 15.84 1.962 10.327 5.295s-.82 16.638-.82 16.638a14.26 14.26 0 0 1-4.436 5.348c3.653 5.705 7.82 10.513 18.973 10.513a32 32 0 0 0 7.67-.815"/><circle cx="22.506" cy="23.5" r="1.987" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="33.571" cy="24.782" r="1.987" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.612 35.742c-1.458 2.34-1.779 5.788 1.587 7.43s7.05-3.295 7.595-5.378m.354-25.73c0 1.6 2.691 2.333 4.582 2.333s3.363-.498 4.117-2.028c0-1.562-.88-3.709-4.213-3.709s-4.486 1.904-4.486 3.404"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.634 8.66c-3.333 0-4.486 1.904-4.486 3.404a4.81 4.81 0 0 0 4.582 2.333m8.39.431c1.77-3.251 1.77-9.597-1.595-10.046s-5.32 3.878-5.32 3.878m2.379 27.916c.73 2.704 3.358 3.397 6.755 1.474s5.77-5.127 3.974-8.237s-6.73-.256-8.59 1.57s-2.73 3-2.139 5.193"/></svg>Poinpy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:poinpy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:poinpy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:poinpy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--poinpy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:poinpy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:poinpy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/poinpy.svg" alt="Poinpy アイコン" width="24" height="24">Poinpy アイコン のよくある質問
Poinpy アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Poinpy アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:poinpy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Poinpy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/poinpy.svg" alt="Poinpy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。