Hexo アイコン

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

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

logos:hexo

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="295" viewBox="0 0 256 295"><path fill="#0e83cd" d="M128.04 0L.574 73.768L.59 221.079l127.754 73.465l127.464-73.769l.002-147.23z"/><path fill="#fff" d="m68.242 211.051l.01-63.7l.01-63.702l11.573-6.768l11.085 6.56l.12 26.03l.12 26.031h74.075l.12-26.013l.12-26.014l11.257-6.505l11.412 6.68l-.006 63.658l-.005 63.659l-11.298 6.31l-11.361-6.392l-.12-25.885l-.12-25.886H91.16l-.12 25.878l.034 26.008l-11.36 6.663z"/></svg>

Hexo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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