Haxe アイコン
cib:haxe
Haxe アイコン(cib:haxe)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M31.713 0q-.032-.001-.057.005h-7.807a.3.3 0 0 0-.131.031l-7.719 3.855L8.28.036a.3.3 0 0 0-.131-.031H.28a.288.288 0 0 0-.276.339v7.807q0 .07.031.131l3.86 7.713l-3.86 7.724a.3.3 0 0 0-.031.136v7.785c-.011.032-.005.068 0 .105a.29.29 0 0 0 .339.249H8.15a.3.3 0 0 0 .131-.031L16 28.098l7.719 3.865c.041.02.088.031.131.031h7.839a.293.293 0 0 0 .307-.344v-7.796a.3.3 0 0 0-.031-.136l-3.86-7.724l3.86-7.713a.3.3 0 0 0 .031-.131V.354a.3.3 0 0 0-.005-.131a.29.29 0 0 0-.276-.224zM2.697.593h5.381l5.385 2.688zm21.224 0h5.381L18.535 3.281zM.703.703l14.719 3.683L4.381 15.417l-.312-1.271zm30.589.01l-3.677 14.708L16.579 4.38zm.115 1.984v5.381l-2.693 5.38zm-30.814 0l2.459 9.833l.235.933L.594 8.078zM16 4.64L27.36 16L16.005 27.355L4.64 16zm11.615 11.939l.12.463l3.563 14.256l-14.719-3.683zm-23.23 0L15.416 27.61L.708 31.282l.355-1.421zm24.328 1.952l2.693 5.391v5.371zm-25.426 0L.594 29.303v-5.381zm10.166 10.182l-5.375 2.693H2.693zm5.094 0l10.76 2.693h-5.385z"/></svg>
Haxe アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:haxe" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:haxe" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:haxe" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--haxe]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:haxe"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:haxe"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/haxe.svg" alt="Haxe アイコン" width="24" height="24">
Haxe アイコン のよくある質問
Haxe アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Haxe アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:haxe" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Haxe アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/haxe.svg" alt="Haxe アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
CoreUI Brands アイコン をすべて見る →
ICONYZ
