Octelium Light アイコン
selfhst:octelium-light
Octelium Light アイコン(selfhst:octelium-light)は、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
- タグ
- octeliumlight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0m37.8 92.4c12.6-2.1 24.7-6.7 35.6-13.5l34.6 55.4c-18.1 11.3-38.3 19-59.4 22.5s-42.7 2.9-63.5-1.9l14.7-63.7c12.5 2.9 25.4 3.3 38 1.2m-126.7 21.2c7.4-10.4 12.7-22.2 15.6-34.7l63.7 14.7c-4.8 20.8-13.7 40.5-26.1 57.9S192.2 183.7 174 195l-34.6-55.4c10.9-6.7 20.3-15.6 27.7-26M134.4 148c11.3 18.1 19 38.3 22.5 59.4s2.9 42.7-1.9 63.5l-63.7-14.7c2.9-12.5 3.3-25.4 1.2-38s-6.7-24.7-13.5-35.6zm-20.7 196.9c-10.4-7.4-22.2-12.7-34.7-15.6l14.7-63.7c20.8 4.8 40.5 13.7 57.9 26.1s32.2 28.1 43.5 46.3l-55.4 34.6c-6.7-10.9-15.6-20.3-26-27.7m104.5 74.6c-12.6 2.1-24.7 6.7-35.6 13.5L148 377.6c18.1-11.3 38.3-19 59.4-22.5s42.7-2.9 63.5 1.9l-14.7 63.7c-12.4-2.9-25.3-3.3-38-1.2M345 398.3c-7.4 10.4-12.7 22.2-15.6 34.7l-63.7-14.7c4.8-20.8 13.7-40.5 26.1-57.9s28.1-32.2 46.3-43.5l34.6 55.4c-10.9 6.7-20.3 15.6-27.7 26m32.6-34.3c-11.3-18.1-19-38.3-22.5-59.4s-2.9-42.7 1.9-63.5l63.7 14.7c-2.9 12.5-3.3 25.4-1.2 38s6.7 24.7 13.5 35.6zm40.8-117.7c-20.8-4.8-40.5-13.7-57.9-26.1s-32.2-28.1-43.5-46.3l55.4-34.6c6.8 10.9 15.6 20.3 26.1 27.7c10.4 7.4 22.2 12.7 34.7 15.6z"/></svg>Octelium Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:octelium-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:octelium-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:octelium-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--octelium-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:octelium-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:octelium-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/octelium-light.svg" alt="Octelium Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Octelium Light アイコン のよくある質問
Octelium Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Octelium Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:octelium-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Octelium Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/octelium-light.svg" alt="Octelium Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。