Nhost Icon アイコン
logos:nhost-icon
Nhost Icon アイコン(logos:nhost-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 273 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 273
- タグ
- nhosticon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="273" viewBox="0 0 256 273"><path fill="#0052cd" d="M232.105 58.517L136.962 3.68a27.88 27.88 0 0 0-27.691 0a27.68 27.68 0 0 0-13.829 23.912v7.157l-6.202-3.583a27.88 27.88 0 0 0-27.69 0a27.69 27.69 0 0 0-13.83 23.956v7.148l-6.202-3.574a27.88 27.88 0 0 0-27.682 0A27.69 27.69 0 0 0 0 82.616v171.776a13.018 13.018 0 0 0 21.071 10.194l47.175-37.143l72.768 41.92a13.2 13.2 0 0 0 13.018 0c4.01-2.32 6.509-6.62 6.509-11.252v-103.35a47.73 47.73 0 0 0-23.86-41.246l-23.862-13.752V27.618a10.322 10.322 0 0 1 15.484-8.914l95.144 54.81a30.39 30.39 0 0 1 15.184 26.24v128.722c0 3.668-1.979 7.08-5.16 8.914l-25.21 14.528V127.241a47.73 47.73 0 0 0-23.86-41.238l-58.572-33.74v19.988l49.896 28.75a30.36 30.36 0 0 1 15.185 26.24V259.4c0 4.606 2.491 8.931 6.51 11.252a13.21 13.21 0 0 0 13.017 0l31.726-18.282c8.53-4.922 13.837-14.076 13.837-23.929V99.721a47.85 47.85 0 0 0-23.895-41.204m-104.143 69.986a30.36 30.36 0 0 1 15.184 26.25v95.885l-60.244-34.711l19.34-15.202a27.42 27.42 0 0 0 10.543-21.685v-59.255l15.185 8.727zm-32.528-18.742v69.245c0 3.182-1.442 6.142-3.933 8.087l-74.158 58.35V82.591a10.314 10.314 0 0 1 15.475-8.915L47.72 82.25v122.757l17.343-13.649V55.105a10.314 10.314 0 0 1 15.484-8.915l14.886 8.565v34.993L78.099 79.75v20.005l17.352 10.006z"/></svg>Nhost Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nhost-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nhost-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nhost-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nhost-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nhost-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nhost-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/nhost-icon.svg" alt="Nhost Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Nhost Icon アイコン のよくある質問
Nhost Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nhost Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:nhost-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nhost Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/nhost-icon.svg" alt="Nhost Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。