Quobyte アイコン
logos:quobyte
Quobyte アイコン(logos:quobyte)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 257 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 257
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="257" viewBox="0 0 256 257"><path fill="#274e85" d="M159.533 163.55a37.65 37.65 0 0 1-13.772 9.645a47.4 47.4 0 0 1-18.284 3.36a47.7 47.7 0 0 1-18.331-3.36a38 38 0 0 1-13.868-9.645a43 43 0 0 1-8.784-15.357a63.7 63.7 0 0 1-3.072-20.49a63.7 63.7 0 0 1 3.072-20.492a43.5 43.5 0 0 1 8.784-15.404a37.74 37.74 0 0 1 13.868-9.695a47.8 47.8 0 0 1 18.331-3.359a47.4 47.4 0 0 1 18.284 3.359a37.4 37.4 0 0 1 13.772 9.695a43.4 43.4 0 0 1 8.688 15.404a64.7 64.7 0 0 1 3.023 20.492a64.6 64.6 0 0 1-3.023 20.49a42.85 42.85 0 0 1-8.688 15.357M127.97 0C79.066.018 34.444 27.897 12.984 71.842s-16.008 96.277 14.05 134.855c30.057 38.578 79.467 56.66 127.326 46.597l-18.573-20.573c-2.582.191-5.185.298-7.816.298c-51.39.088-95.32-36.97-103.89-87.641S44.808 45.262 93.368 28.444s102.164 3.918 126.767 49.036s13.002 101.409-27.436 133.122l-22.6-25.034a62.5 62.5 0 0 0 11.412-10.597a66.2 66.2 0 0 0 8.783-13.582a73 73 0 0 0 5.52-15.882a80.7 80.7 0 0 0 1.917-17.804a76.9 76.9 0 0 0-5.086-28.267a66.5 66.5 0 0 0-14.301-22.458a65.7 65.7 0 0 0-22.17-14.829a74.2 74.2 0 0 0-28.698-5.375a75.1 75.1 0 0 0-28.746 5.328A65.1 65.1 0 0 0 76.464 76.93a66.6 66.6 0 0 0-14.349 22.506a76.9 76.9 0 0 0-5.086 28.267a76.9 76.9 0 0 0 5.086 28.265a66.6 66.6 0 0 0 14.349 22.506a65.2 65.2 0 0 0 22.267 14.83a75.2 75.2 0 0 0 28.746 5.326a83 83 0 0 0 10.701-.672a74 74 0 0 0 10.03-2.015l.035.038l24.467 27.004l7.43 8.2l8.602 9.53l.022-.013c51.594-27.846 77.683-87.178 63.326-144.022S186.6.007 127.97 0"/></svg>Quobyte アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:quobyte" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:quobyte" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:quobyte" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--quobyte]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:quobyte"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:quobyte"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/quobyte.svg" alt="Quobyte アイコン" width="24" height="24">Quobyte アイコン のよくある質問
Quobyte アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Quobyte アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:quobyte" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Quobyte アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/quobyte.svg" alt="Quobyte アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。