Wordpress アイコン
fe:wordpress
Wordpress アイコン(fe:wordpress)は、Feather Icon セットの無料 SVG アイコンです（作者: Megumi Hano）。 24 × 24 のグリッドで描かれています。 Feather Icon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Feather Icon
- 作者
- Megumi Hano
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2m0 19.542c-5.261 0-9.541-4.281-9.541-9.542S6.739 2.458 12 2.458s9.542 4.28 9.542 9.542c0 5.26-4.28 9.542-9.542 9.542M3.422 12a8.58 8.58 0 0 0 4.835 7.72L4.164 8.51A8.55 8.55 0 0 0 3.422 12m14.37-.432c0-1.06-.382-1.794-.708-2.366c-.435-.707-.843-1.305-.843-2.012c0-.788.598-1.522 1.44-1.522q.058.001.112.007A8.55 8.55 0 0 0 12 3.42a8.57 8.57 0 0 0-7.168 3.867c.202.006.392.01.553.01c.897 0 2.286-.109 2.286-.109c.462-.027.517.652.055.707c0 0-.465.055-.982.082l3.124 9.292l1.877-5.63l-1.336-3.662c-.462-.027-.9-.082-.9-.082c-.462-.027-.408-.734.055-.707c0 0 1.416.11 2.259.11c.897 0 2.286-.11 2.286-.11c.463-.027.517.652.055.707c0 0-.465.055-.982.082l3.1 9.221l.857-2.859c.37-1.187.652-2.039.652-2.773m-5.64 1.183l-2.574 7.48a8.57 8.57 0 0 0 5.272-.137a1 1 0 0 1-.062-.119zm7.377-4.866q.057.41.058.882c0 .87-.163 1.849-.653 3.073l-2.62 7.576A8.57 8.57 0 0 0 20.578 12a8.54 8.54 0 0 0-1.05-4.116"/></svg>
Wordpress アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fe:wordpress" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fe:wordpress" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fe:wordpress" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fe--wordpress]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fe -->
<div class="i-fe:wordpress"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fe:wordpress"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fe/wordpress.svg" alt="Wordpress アイコン" width="24" height="24">
他のアイコンセットの Wordpress アイコン
Wordpress アイコン のよくある質問
Wordpress アイコンは商用利用でも無料ですか?
はい。Feather Icon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wordpress アイコンを使うには?
@iconify/react をインストールして <Icon icon="fe:wordpress" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wordpress アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fe/wordpress.svg" alt="Wordpress アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Feather Icon アイコン をすべて見る →
ICONYZ
