Hasura Icon アイコン
logos:hasura-icon
Hasura Icon アイコン(logos:hasura-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 259 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 259
- タグ
- hasuraicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="259" viewBox="0 0 256 259"><path fill="#1eb4d4" d="M233.5 2.057c1.607-2.47 5.207-2.79 7.142-.552c14.531 16.794 19.199 61.836 12.075 85.335l-.349 1.103c-2.53 7.701-3.244 15.84-1.785 23.745l.591 3.215l.57 3.325c1.014 6.156 1.813 12.542 1.813 17.38c0 67.721-56.216 122.652-125.587 122.652c-69.341 0-125.588-54.902-125.588-122.652c0-5.278.952-12.398 2.095-19.052l.584-3.278q.148-.805.297-1.59c1.4-7.44.876-15.087-1.299-22.382l-.427-1.363C-3.987 64.807.596 18.595 15.357 1.505c1.833-2.093 5.161-1.942 6.873.18l.27.372L40.683 29.93c4.524 5.551 12.619 6.859 18.69 2.964c19.73-12.614 43.3-19.938 68.627-19.938s48.895 7.324 68.626 19.938c5.899 3.765 13.66 2.696 18.23-2.42l.461-.544zM128 40.974c-14.88 0-28.987 3.255-41.575 9.127c-31.397 14.532-53.598 45.02-55.533 80.711a96 96 0 0 0-.148 5.087c0 52.374 43.598 94.983 97.226 94.983s97.256-42.609 97.286-94.954c0-1.686-.06-3.4-.149-5.086c-1.935-35.663-24.135-66.18-55.532-80.713c-12.619-5.9-26.695-9.155-41.575-9.155m-6.46 52.984c.86 0 1.674.378 2.203 1.038l.209.3l21.308 35.08l24.85 42.086a2.59 2.59 0 0 1 0 2.703c-.417.738-1.176 1.23-2.037 1.342l-.374.024h-20.207c-.86 0-1.673-.4-2.202-1.065l-.209-.301l-13.273-22.468l-14.79 22.554a2.77 2.77 0 0 1-1.998 1.23l-.354.02H94.161c-1.041 0-1.994-.552-2.47-1.424a2.7 2.7 0 0 1-.068-2.463l.187-.326l27.35-40.75l-20.386-33.453c-.506-.843-.535-1.889-.03-2.732a2.8 2.8 0 0 1 2.066-1.37l.375-.025z"/></svg>Hasura Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hasura-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hasura-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hasura-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hasura-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hasura-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hasura-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/hasura-icon.svg" alt="Hasura Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Hasura Icon アイコン のよくある質問
Hasura Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Hasura Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:hasura-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hasura Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/hasura-icon.svg" alt="Hasura Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。