Wordpress アイコン

Q: Wordpress アイコンは商用利用でも無料ですか?

はい。TopCoat Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

topcoat:wordpress

Wordpress アイコン(topcoat:wordpress)は、TopCoat Icons セットの無料 SVG アイコンです（作者: TopCoat）。 42 × 42 のグリッドで描かれています。 TopCoat Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: TopCoat Icons
作者: TopCoat
ライセンス: Apache-2.0
サイズ: 42 × 42

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"><path fill="currentColor" d="M20.976 41C9.808 40.785 1.078 31.629 1 20.977C1.216 9.817 10.323 1.079 20.976 1C32.138 1.223 40.921 10.31 41 20.977C40.78 32.147 31.644 40.922 20.976 41m0-38.583c-10.37.204-18.533 8.657-18.605 18.56c.202 10.379 8.703 18.534 18.605 18.606c10.38-.202 18.534-8.704 18.606-18.606C39.387 10.6 30.865 2.49 20.976 2.417m-4.798 34.926l5.12-14.72l5.348 14.4c-3.603 1.206-7.01 1.28-10.468.32m-3.932-26.011a31.3 31.3 0 0 1-5.486.273c3.396-4.855 8.834-7.586 14.217-7.634c4.404.083 8.51 1.747 11.521 4.479c-1.396-.104-2.232.51-2.834 1.555c-.875 2.697.974 4.695 2.011 6.72c.982 1.85.904 3.954.366 5.76l-2.56 8.73l-6.172-18.33c.643-.06 1.29-.08 1.874-.183c.691-.154.843-.797.366-1.19c-.152-.12-.32.017-.503.017l-3.703.47h-2.812c-.793 0-3.035-.916-3.223.124c-.098.4.202.616.55.679c.61.079 1.311.12 1.873.179l2.697 7.198l-3.749 11.05l-6.217-18.337c.658-.058 1.324-.08 1.92-.186q.732-.093.641-.732a.824.824 0 0 0-.777-.642m-6.858 2.834l8.183 22.125a17.4 17.4 0 0 1-6.948-6.148c-3.04-4.851-3.36-11.006-1.235-15.977m31.977 11.36c-1.343 4.387-4.087 8.02-7.885 10.217q.274-.73.868-2.468l4.755-13.806q.685-2.012.96-4.48c.061-.673.063-1.352-.046-1.965c1.948 4.2 2.5 8.362 1.348 12.502"/></svg>

Wordpress アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="topcoat:wordpress" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="topcoat:wordpress" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="topcoat:wordpress" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[topcoat--wordpress]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/topcoat -->
<div class="i-topcoat:wordpress"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="topcoat:wordpress"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/topcoat/wordpress.svg" alt="Wordpress アイコン" width="24" height="24">

他のアイコンセットの Wordpress アイコン

Wordpress アイコンのよくある質問

Wordpress アイコンは商用利用でも無料ですか?

はい。TopCoat Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Wordpress アイコンを使うには?

@iconify/react をインストールして <Icon icon="topcoat:wordpress" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Wordpress アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/topcoat/wordpress.svg" alt="Wordpress アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

TopCoat Icons をすべて見る →