Kubero アイコン
selfhst:kubero
Kubero アイコン(selfhst:kubero)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#7473bf" d="M383.6 370.9c-10 2.7-31.4 5.5-48 6.2c-35.6 1.5-61.8-2.4-130.5-19.6c-62.4-15.6-92.1-20.8-113-19.8c-27.9 1.3-29.6 13.5-3.1 21.2c5.3 1.5 26.6 3.6 47.3 4.6l37.8 1.8l-17.5 3.5c-21.1 4.2-62.2 5.7-76.1 2.7c-15.4-3.1-26.5-13.7-26.5-25.1c0-12.2 3.7-18.8 13.3-23.8c20.8-10.8 61.2-6.9 150.5 14.6c76.8 18.4 87.6 20 127.2 18.4c28.6-1.2 38.1-2.7 59.5-9.9c30.5-10.2 49.9-20.8 65.6-36.1c11.1-10.8 22.2-29 28.7-44.6c.6-1.5 4.4-4.1-16.1 4.8c-27.2 11.9-60.4 17.3-111.4 15.4c-47.3-1.8-71-5.8-136.7-23c-133.5-35-193.7-35.5-223.4-1.8c-10.9 12.4-11 8.6-.2-6.1c5.5-7.5 13.7-13.9 25-19.4c41.3-20.1 102.9-17.4 216.3 9.4c34.3 8.1 87.9 18 89.5 16.5c.4-.4-20.4-37.5-46.9-83.4c-11.6-20.1-12.4-20.9-21.9-20.8c-5.4 0-19 1.7-30.1 3.7c-45.6 8.2-53.9 13.1-62.3 36.7l-5.3 14.8l.9-18.2c1.1-23.1 6.2-30.4 29.1-41.8C239 135 285.6 129 296.6 140c12.8 12.8 31.8 56 43.5 99.1l6 21.9l13.8 1.7c47.9 5.8 111.9-3.3 127.9-18c20.3-18.8-12.2-31.2-99.3-37.9l-44.4-3.4l29.3-2.2c34.4-2.6 93.2-.5 107.2 3.7c24.6 7.4 36.2 22.6 29.7 38.7c-1.9 4.8-6.2 18.2-10.9 29.4c-12.2 29.6-22.1 47.6-38 64.4c-3.8 4-9.5 10.2-23.5 17.1c-31.9 13.3-40.7 13.6-54.3 16.4M0 273.9c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3s-.6 1.3-1.3 1.3s-1.3-.5-1.3-1.3"/></svg>Kubero アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:kubero" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:kubero" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:kubero" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--kubero]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:kubero"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:kubero"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/kubero.svg" alt="Kubero アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Kubero アイコン のよくある質問
Kubero アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Kubero アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:kubero" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kubero アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/kubero.svg" alt="Kubero アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。