Wordpress アイコン
fontisto:wordpress
Wordpress アイコン(fontisto:wordpress)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M0 12v-.017c0-1.763.385-3.437 1.076-4.94l-.03.074l5.727 15.68a12 12 0 0 1-4.887-4.338l-.029-.048A11.54 11.54 0 0 1 0 12.098v-.103zm20.099-.609q0 .319-.042.625l.003-.024a7 7 0 0 1-.171.822l.011-.049q-.117.468-.179.686t-.27.921q-.21.702-.273.905l-1.186 3.994l-4.338-12.889q.72-.047 1.374-.125a.46.46 0 0 0 .404-.286l.001-.003a.48.48 0 0 0-.04-.482l.001.002a.47.47 0 0 0-.447-.211h.002l-3.2.16q-1.17-.016-3.152-.16a.47.47 0 0 0-.321.081l.002-.001a.46.46 0 0 0-.178.231l-.001.003a.6.6 0 0 0-.023.292v-.004a.44.44 0 0 0 .14.257a.5.5 0 0 0 .303.125h.001l1.248.125l1.873 5.12l-2.622 7.865L4.65 6.38q.72-.047 1.374-.125a.46.46 0 0 0 .404-.286l.001-.003a.48.48 0 0 0-.04-.482l.001.002a.47.47 0 0 0-.447-.211h.002l-3.2.16q-.11 0-.359-.008t-.406-.008a12.04 12.04 0 0 1 4.222-3.925l.061-.031A11.86 11.86 0 0 1 11.998.004c1.575 0 3.08.304 4.458.855L16.375.83a12.1 12.1 0 0 1 3.73 2.333l-.009-.008H19.9c-.557 0-1.056.244-1.398.63l-.002.002c-.354.38-.571.892-.571 1.454v.03v-.002q0 .199.033.388l-.002-.014q.031.187.062.335c.033.137.076.257.13.37l-.005-.011q.094.21.141.328c.061.137.124.252.194.362l-.007-.011q.141.234.195.328t.226.374l.218.359c.595.94.958 2.079.982 3.301v.007zm-7.896 1.655l3.698 10.096q.019.1.08.173v-.001a11.7 11.7 0 0 1-3.978.686h-.028a11.5 11.5 0 0 1-3.441-.521l.082.022zm10.315-6.8A11.7 11.7 0 0 1 24 11.982v.025v-.001v.087c0 2.187-.603 4.233-1.653 5.981l.029-.053a12.1 12.1 0 0 1-4.297 4.315l-.056.031l3.667-10.586c.51-1.269.841-2.738.919-4.274l.001-.033v-.035a8 8 0 0 0-.1-1.242l.006.044z"/></svg>Wordpress アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:wordpress" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:wordpress" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:wordpress" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--wordpress]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:wordpress"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:wordpress"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/wordpress.svg" alt="Wordpress アイコン" width="24" height="24">他のアイコンセットの Wordpress アイコン
Wordpress アイコン のよくある質問
Wordpress アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Wordpress アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:wordpress" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Wordpress アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/wordpress.svg" alt="Wordpress アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。