Pge アイコン
arcticons:pge
Pge アイコン(arcticons:pge)は、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="M24 4.5c-.285 0-.57.11-.789.328l-1.347 1.348l14.42 10.147L24.787 4.826A1.1 1.1 0 0 0 24 4.5m-7.668 7.207L4.829 23.211a1.11 1.11 0 0 0-.002 1.576l1.351 1.351zm25.49 10.154l-10.154 14.43L43.171 24.79a1.11 1.11 0 0 0 .002-1.576zm-30.106 9.815l11.497 11.497a1.11 1.11 0 0 0 1.576-.002l1.347-1.348zm3.934-4.286v-6.78h2.267c1.282 0 2.322 1.02 2.322 2.278s-1.04 2.277-2.322 2.277H15.65M28.887 24h2.259m1.205 3.39h-3.464v-6.781h3.464m-5.494 2.246c0-1.24-1.027-2.246-2.294-2.246h0c-1.267 0-2.295 1.006-2.295 2.246v2.29c0 1.24 1.027 2.245 2.295 2.245h0c1.267 0 2.294-1.005 2.294-2.246h-2.294"/></svg>Pge アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:pge" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:pge" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:pge" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--pge]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:pge"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:pge"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/pge.svg" alt="Pge アイコン" width="24" height="24">Pge アイコン のよくある質問
Pge アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Pge アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:pge" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pge アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/pge.svg" alt="Pge アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。