Haxe アイコン

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

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

simple-icons:haxe

Haxe アイコン(simple-icons:haxe)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.784 0a.2.2 0 0 0-.043.003h-5.853a.2.2 0 0 0-.1.023L12 2.918L6.21.026a.2.2 0 0 0-.098-.023h-5.9a.22.22 0 0 0-.21.256v5.853a.2.2 0 0 0 .024.1l2.894 5.785L.026 17.79a.2.2 0 0 0-.024.099v5.84a.2.2 0 0 0 .002.078a.22.22 0 0 0 .253.19h5.855a.2.2 0 0 0 .099-.023L12 21.076l5.789 2.898a.2.2 0 0 0 .099.023h5.877a.22.22 0 0 0 .232-.257v-5.85a.2.2 0 0 0-.023-.1l-2.895-5.792l2.895-5.786a.2.2 0 0 0 .023-.099V.267a.2.2 0 0 0-.005-.098a.22.22 0 0 0-.208-.169M2.022.445H6.06l4.038 2.017zm15.918 0h4.038l-8.075 2.017zM.528.528l11.039 2.76l-8.28 8.275l-.238-.953zM23.47.535l-2.76 11.031l-8.277-8.279zm.084 1.487V6.06l-2.019 4.035zm-23.11.003L2.29 9.398l.175.7L.445 6.06zM12 3.48L20.52 12l-8.517 8.516l-8.241-8.234L3.48 12zm8.712 8.952l.088.351l2.672 10.688l-11.04-2.76zm-17.424 0l8.274 8.274L.531 23.46l.266-1.065zm18.247 1.466l2.02 4.042v4.027zm-19.07 0l-2.02 8.08V17.94zm7.626 7.638l-4.032 2.018H2.02zm3.818 0l8.071 2.018h-4.04z"/></svg>

Haxe アイコンの使い方

React

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

<Icon icon="simple-icons:haxe" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:haxe" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:haxe" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--haxe]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="simple-icons:haxe"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/haxe.svg" alt="Haxe アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Simple Icons をすべて見る →