Htmx アイコン

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

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

logos:htmx

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

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 118

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="118" viewBox="0 0 512 118"><path fill="#111" d="m241.17 1.263l-.265 31.752l.265-.118c30.345-7.55 36.845 13.056 36.845 23.024v39.685h-18.21V57.069c0-5.889-2.886-14.287-18.635-9.42v47.957h-17.825V4.963zm195.808 56.91v37.403h-16.926V58.173l-.01-.47c-.256-6.461-5.789-15.044-17.6-9.506v47.378h-18.557l-.003-37.788c-.083-5.459-2.053-13.328-17.62-11.983v49.77H348.91V35.783l.5-.307c4.195-2.584 26.332-9.414 44.096 1.342c29.837-14.858 43.47 1.15 43.47 21.357M311.458 12.263v19.54h22.867v14.66h-22.012v24.158c0 3.33.118 5.76.978 7.19q8.016 6.913 21.034 1.776l1.47 14.472q-26.757 7.634-36.658-5.377c-3.537-3.967-5.293-9.419-5.293-16.309V16.086z"/><path fill="#4065c5" d="M446.854 31.858h19.331l13.064 20.179l12.044-20.179h19.05l-21.502 30.777L512 95.576h-20.021l-13.381-22.151l-13.381 22.151h-19.403l23.337-32.941z"/><path fill="#111" d="m127.035 29.938l52.247 22.029v15.307l-52.247 21.722l-4.144-15.055l38.636-14.5l-38.636-14.555zm-74.788 0L0 51.967v15.307l52.247 21.722l4.144-15.055l-38.636-14.5l38.636-14.555z"/><path fill="#4065c5" d="M101.084 0h17.973L79.129 117.031H60.225z"/></svg>

Htmx アイコンの使い方

React

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

<Icon icon="logos:htmx" width="24" />

Vue

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

<template>
  <Icon icon="logos:htmx" width="24" />
</template>

Svelte

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

<Icon icon="logos:htmx" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:htmx"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/htmx.svg" alt="Htmx アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →