Claude アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:claude

Claude アイコン(selfhst:claude)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#d97757" d="m100.5 340.4l100.7-56.5l1.7-4.9l-1.7-2.7h-4.9l-16.9-1l-57.6-1.6l-49.8-2.1l-48.4-2.6l-12.2-2.6l-11.4-15l1.2-7.5l10.2-6.8l14.6 1.3l32.4 2.2L107 244l35.2 2.1l52.2 5.4h8.3l1.2-3.3l-2.9-2.1l-2.2-2.1l-50.3-34l-54.4-36l-28.5-20.7l-15.4-10.5l-7.8-9.9l-3.4-21.5L53 96l18.8 1.3l4.8 1.3l19.1 14.6l40.7 31.5l53.1 39.1l7.8 6.5l3.1-2.2l.4-1.6l-3.5-5.8l-28.9-52.2l-30.8-53.1l-13.7-22l-3.6-13.4c-1.4-5.1-2.1-10.3-2.2-15.6l16-21.6l8.8-2.9l21.2 2.9l9 7.8l13.2 30.2l21.4 47.6l33.2 64.6l9.7 19.2l5.2 17.7l1.9 5.4h3.4v-3.1l2.7-36.4l5.1-44.7l4.9-57.5l1.7-16.2l8-19.4l15.9-10.5l12.5 6l10.2 14.6l-1.4 9.5l-6.1 39.5l-11.9 61.9l-7.8 41.4h4.5l5.2-5.2l21-27.9l35.2-44l15.6-17.5l18.1-19.3l11.7-9.2h22l16.2 24.1l-7.3 24.9l-22.7 28.7l-18.8 24.4l-27 36.3l-16.9 29l1.6 2.3l4-.4l60.9-12.9l32.9-6l39.3-6.7l17.8 8.3l1.9 8.4l-7 17.2l-42 10.4l-49.3 9.9l-73.4 17.3l-.9.6l1 1.3l33 3.1l14.1.8h34.6l64.4 4.8l16.9 11.1l10.1 13.6l-1.7 10.3l-25.9 13.2l-35-8.3l-81.7-19.4l-28-7h-3.9v2.3l23.3 22.8l42.8 38.6L455 410l2.7 12.3l-6.9 9.7l-7.3-1l-47-35.3l-18.2-15.9l-41.1-34.6h-2.7v3.6l9.5 13.8l50 75.1l2.6 23l-3.6 7.5l-13 4.5l-14.3-2.6l-28.7-40.7l-30.2-46.2l-24.4-41.5l-3 1.7L265 498.2l-6.7 7.9l-15.6 6l-12.9-9.8l-6.9-15.9l6.9-31.5l8.3-41l6.7-32.6l6.1-40.5l3.6-13.5l-.3-.9l-3 .4l-30.6 42l-46.5 62.8l-36.8 39.4l-8.8 3.5l-15.3-7.9l1.4-14.1l8.6-12.6l50.9-64.8l30.7-40.1l19.8-23.2l-.1-3.4h-1.2L88.1 395.9L64 399.1l-10.4-9.7l1.3-15.9l4.9-5.2l40.7-28c.1-.1 0 .1 0 .1"/></svg>

Claude アイコンの使い方

React

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

<Icon icon="selfhst:claude" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:claude" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:claude" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:claude"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/claude.svg" alt="Claude アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →