Poeditor アイコン
logos:poeditor
Poeditor アイコン(logos:poeditor)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 207 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 207
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="207" viewBox="0 0 256 207"><path fill="#fff" d="M59.915 163.404h112.567V19.972H59.915z"/><path fill="#24c1ce" d="M61.267 103.49H0v26.131c0 43.896 35.55 77.357 79.396 77.357h73.132c11.021 0 19.954-8.95 19.954-19.982v-25.092h-34.006c-35.26 0-70.07-24.95-77.209-58.415"/><path fill="#3dd0ad" d="M59.915 90.938c0-39.598 39.01-70.966 78.56-70.966h34.007C172.476 8.946 163.549 0 152.525 0H79.396C35.55 0 0 33.456 0 77.358v26.131h61.267c-.867-4.07-1.352-8.26-1.352-12.55"/><path fill="#404953" d="M123.46 38.128c-10.027 0-18.155 8.125-18.155 18.156c0 10.022 8.128 18.156 18.156 18.156c10.025 0 18.156-8.134 18.156-18.156c0-10.031-8.13-18.156-18.156-18.156"/><path fill="#fff" d="M116.198 43.575a5.45 5.45 0 0 0-5.447 5.44a5.457 5.457 0 0 0 5.447 5.453a5.457 5.457 0 0 0 5.447-5.452c0-3-2.444-5.441-5.447-5.441"/><path fill="#404953" d="M101.674 101.674h49.021V87.149h-49.021z"/><path fill="#ffda00" d="M32.684 85.334c-10.022 0-18.156 8.138-18.156 18.16c-.003 10.022 8.13 18.152 18.153 18.152c10.026 0 18.156-8.134 18.156-18.152c0-10.022-8.129-18.16-18.156-18.16"/><path fill="#404953" d="M230.541 45.348c-16.104-16.104-36.962-24.554-58.06-25.376v90.235l58.06 58.059c33.944-33.943 33.944-88.975 0-122.916zm-58.06 92.637v43.16c11.308-.611 22.478-4.266 32.177-10.983z"/><path fill="#3a4287" d="M61.267 103.49h-1.352v59.141c0 13.515 10.955 24.423 24.47 24.376l88.097-.33v-24.772h-34.006c-35.26 0-70.07-24.95-77.209-58.415"/></svg>Poeditor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:poeditor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:poeditor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:poeditor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--poeditor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:poeditor"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:poeditor"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/poeditor.svg" alt="Poeditor アイコン" width="24" height="24">Poeditor アイコン のよくある質問
Poeditor アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Poeditor アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:poeditor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Poeditor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/poeditor.svg" alt="Poeditor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。