Poe アイコン
simple-icons:poe
Poe アイコン(simple-icons:poe)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M24 12.513V8.36c0-.888-.717-1.608-1.603-1.615h-.013c-.498-.009-1.194-.123-1.688-.619c-.44-.439-.584-1.172-.622-1.783l-.001.003l-.003-.044l-.001-.03a1.616 1.616 0 0 0-1.607-1.45H5.54a2 2 0 0 0-.164.008l-.055.009q-.051.005-.102.015l-.069.017q-.042.01-.083.022q-.034.01-.07.024l-.08.03l-.063.029l-.08.038l-.059.034q-.038.022-.077.047l-.061.045q-.032.021-.065.05a1 1 0 0 0-.099.09q-.01.007-.018.016l-.014.016a2 2 0 0 0-.094.102l-.046.062q-.025.031-.047.063l-.045.074l-.037.062l-.036.076a.7.7 0 0 0-.058.143l-.027.075l-.02.074l-.018.078q-.008.044-.013.088q-.006.033-.01.069q-.004.033-.004.068l-.002-.002c-.036.61-.182 1.345-.62 1.784c-.496.495-1.191.61-1.69.618h-.012q-.076 0-.147.007l-.072.012q-.043.005-.084.012l-.082.02l-.072.018l-.079.027q-.036.012-.07.026q-.036.015-.072.034l-.072.033l-.068.04l-.068.041l-.072.054l-.053.04a1.6 1.6 0 0 0-.226.227l-.041.053l-.054.074q-.023.034-.041.067L.19 7.6l-.033.07l-.034.073l-.026.07q-.016.04-.027.08q-.01.035-.018.071l-.02.082l-.012.084c-.003.024-.009.048-.01.072q-.01.079-.01.16v4.152c0 .888.717 1.609 1.603 1.616h.01c.5.008 1.196.123 1.69.618c.43.43.577 1.143.618 1.746v4.13c0 .524.66.754.986.346l2.333-2.92h11.22c.861 0 1.563-.675 1.611-1.524l.001.003c.037-.61.183-1.344.622-1.783c.495-.496 1.19-.61 1.689-.619h.012q.066 0 .132-.007l.022-.001A1.613 1.613 0 0 0 24 12.513m-3.85 1.69c-.502.503-1.215.613-1.717.619H5.566c-.501-.006-1.215-.114-1.717-.618c-.408-.409-.565-1.117-.618-1.744V8.415c.052-.627.209-1.337.618-1.745c.503-.503 1.216-.613 1.717-.619h12.867c.502.006 1.216.115 1.718.619c.409.41.564 1.117.618 1.744v4.041c-.052.63-.209 1.339-.618 1.749zM8.424 7.99c-.892 0-1.615.723-1.615 1.615v1.616a1.615 1.615 0 1 0 3.23 0V9.604c0-.892-.723-1.615-1.615-1.615Zm7.154 0c-.893 0-1.616.723-1.616 1.615v1.616a1.615 1.615 0 1 0 3.231 0V9.604c0-.892-.723-1.615-1.615-1.615z"/></svg>Poe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:poe" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:poe" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:poe" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--poe]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:poe"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:poe"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/poe.svg" alt="Poe アイコン" width="24" height="24">Simple Icons の関連アイコン
他のアイコンセットの Poe アイコン
Poe アイコン のよくある質問
Poe アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Poe アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:poe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Poe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/poe.svg" alt="Poe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。