Zikula アイコン
whh:zikula
Zikula アイコン(whh:zikula)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1025 × 1024 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1025 × 1024
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1025" height="1024" viewBox="0 0 1025 1024"><path fill="currentColor" d="M1000 619L833 736q-22 16-80 31l-255 68l118 82q20 15 24 39t-11 43.5t-40 23.5t-45-10L346 874q-11-8-36-32.5T278 808L150 623l-33 104q-8 24-30 35.5T42 766T7.5 735.5T4 689l73-230q8-24 20-42l162-224h-66q-26 0-45-19t-19-45.5t19-45T193 65h256q22 0 96 32l186 65l-23-82q-8-23 3.5-45.5T746 4t45 3.5T821 43l73 263q3 9 3 47v192l31-22q20-14 45-10t40 23.5t11 44t-24 38.5M769 358l-108 84q-11 8-24.5 6T615 434.5t-5.5-26T623 386l116-90l-258-103q-5-2-11-4q-1 1-4 1t-4 1l49 150q5 13-1.5 25.5T490 383t-25.5-2t-16.5-19l-51-155l-161 242h117q13 0 22.5 9t9.5 22.5t-9.5 23T353 513H216l156 221l44-134q4-13 16.5-19.5t25.5-2t19.5 16.5t1.5 25l-34 107l246-67l-69-53q-11-8-13-22t6-26t21-14t24 6l109 84z"/></svg>Zikula アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:zikula" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:zikula" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:zikula" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--zikula]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:zikula"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:zikula"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/zikula.svg" alt="Zikula アイコン" width="24" height="24">Zikula アイコン のよくある質問
Zikula アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Zikula アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:zikula" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zikula アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/zikula.svg" alt="Zikula アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。