Pyrocms アイコン

whh:pyrocms

Pyrocms アイコン(whh:pyrocms)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 642 × 1025 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: WebHostingHub Glyphs
作者: WebHostingHub
ライセンス: OFL-1.1
サイズ: 642 × 1025
タグ: pyrocm

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="642" height="1025" viewBox="0 0 642 1025"><path fill="currentColor" d="M555 927q-64 64-149.5 86.5t-170.5 0T86 927q-46-47-67.5-108T.5 691.5t21.5-132T73 427L321 0l248 427q32 67 50.5 132.5t22 132T623 819t-68 108M432 485q-13 19-14.5 37t4.5 30.5t11.5 26.5t8 25t-6.5 26q-11 17-28.5 27T380 676.5t-9 31.5q0 17 8 28.5t17 17t15.5 15T415 792q-4 21-36 54q7-22 7-45q0-17-10-27t-22.5-14t-24.5-14.5t-15-27.5q-2-16 11.5-37t31-38.5T385 598t3.5-55t-21.5-42t-27-15.5t-24.5-6.5t-15.5-17t1.5-27.5t12-28.5t3.5-36t-20-50q9 21 1 42.5t-19.5 34t-27.5 40t-23 60.5q-6 31-1 46t18.5 25t28 14.5t26.5 15t14 26.5q3 20-6 39t-23 32.5t-29 36.5t-21 47q-8 33-8 51q-19-23-22-39q-3-14 3-24t15.5-15t17.5-17t8-29t-4.5-26.5t-11-13.5t-18-13.5T195 629t-6.5-32t9.5-32t6-36.5t-17-44.5q5 28 1.5 43T175 555t-20 21.5t-18 22.5t-8 31q0 25 2.5 32.5t9 18T153 713q5 19 .5 32T142 765t-9.5 22.5T138 824q10 30 56.5 48t86 22t50.5 2q18-2 36-5t43.5-10.5t45-21.5t26.5-33q8-22 5.5-37t-10-22t-11.5-20.5t1-32.5q4-18 12.5-27.5T495 675t12.5-11.5T513 636t-10-32t-24-24t-26.5-21.5t-19-30T432 485"/></svg>

Pyrocms アイコンの使い方

React

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

<Icon icon="whh:pyrocms" width="24" />

Vue

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

<template>
  <Icon icon="whh:pyrocms" width="24" />
</template>

Svelte

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

<Icon icon="whh:pyrocms" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="whh:pyrocms"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/whh/pyrocms.svg" alt="Pyrocms アイコン" width="24" height="24">

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

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

はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

WebHostingHub Glyphs アイコンをすべて見る →