Subatic アイコン

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

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

selfhst:subatic

Subatic アイコン(selfhst:subatic)は、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="#f4434a" d="M251.2 47.5c2-14.8 1.6-29.9 4.1-44.7c2.4 18 1.9 36.2 4.8 54.2c2.4 20.1 6.8 40 11.9 59.5c8.7 31.7 22.6 62.7 45 87.2c7.7 8.7 17 16 24.3 25.1c-27.8 7.8-55 22.1-72.7 45.6c-6.3 7.8-9.4 17.4-14.2 26.1c-5.5-19.2-18.3-35.7-34.5-47.3c-15.7-11.1-33.3-19.9-52.1-24.4c4.2-5.7 9.6-10.3 14.6-15.3c8.6-8.3 16.5-17.3 23.4-27.1c17.5-25.4 28.3-54.8 35.6-84.6c4-17.9 7.8-36 9.8-54.3m-28.1 150.2c10 13.3 20.6 26.2 31.9 38.4c6.2-6 11.4-12.8 17-19.4c5.1-6.4 10.9-12.2 15.6-19c-10.5-.6-21-.1-31.5-.3c-11 0-22-.4-33 .3"/><path fill="#fff" d="M223.1 197.7c11-.7 22-.2 32.9-.3c10.5.2 21-.3 31.5.3c-4.7 6.8-10.5 12.6-15.6 19c-5.5 6.6-10.7 13.5-17 19.4c-11.2-12.2-21.8-25.1-31.8-38.4m-177 21.7c15.8-1.8 31.8-1.7 47.7-1.6c25.1.3 49.8 5.1 74.1 11c18.8 4.5 36.4 13.2 52.1 24.4c16.2 11.5 29 28 34.5 47.3c4.7-8.7 7.9-18.3 14.2-26.1c17.7-23.4 44.8-37.8 72.7-45.6c13.9-3.1 27.7-6.9 42-8.4c19.9-3.1 40.1-2.9 60.2-2.6c23 .4 45.8 4.3 68.5 7.7c-7.8 1.3-15.8 1.6-23.6 2.8c-52.4 8.2-101.5 33.1-140.8 68.4c-15.2 14.2-29.4 29.6-40.8 47.1c-7.2 11.2-15.3 22.1-20 34.7c-4.2 10.6-9.5 20.7-12.7 31.6c-3.3 10.9-6.2 21.9-8.6 33.1c-5 21.7-7 43.9-10.1 65.9c-2.2-8.6-2.1-17.5-3.3-26.3c-3.8-28.8-9.4-57.5-19.3-84.9c-3.7-10.2-8.9-19.8-13.3-29.7c-4.1-9.6-10.7-17.7-16.3-26.4c-23.3-34.4-55.4-62.6-91.5-82.9c-27.6-15.2-57.7-26.3-89-30.7c-7.4-1.1-15-1.4-22.4-2.5c14.9-2.5 30.3-4.6 45.7-6.3"/></svg>

Subatic アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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