Hasura アイコン

Q: Hasura アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:hasura

Hasura アイコン(logos:hasura)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 150 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 150

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="150" viewBox="0 0 512 150"><path fill="#1eb4d4" d="M135.4 1.193c.931-1.433 3.019-1.618 4.14-.32c8.427 9.738 11.134 35.856 7.002 49.483l-.201.64c-1.468 4.465-1.882 9.184-1.036 13.768l.343 1.865l.33 1.928c.588 3.57 1.052 7.272 1.052 10.078c0 39.27-32.598 71.122-72.824 71.122c-40.209 0-72.825-31.836-72.825-71.122c0-3.06.552-7.19 1.215-11.048l.339-1.9q.085-.468.172-.923c.812-4.314.508-8.748-.753-12.978l-.248-.79C-2.312 37.58.346 10.781 8.906.872C9.967-.341 11.897-.254 12.89.977l.156.216L23.59 17.355c2.623 3.22 7.317 3.978 10.837 1.72C45.87 11.76 59.538 7.512 74.223 7.512s28.353 4.247 39.794 11.561c3.42 2.184 7.92 1.563 10.571-1.403l.268-.316zM74.222 23.76c-8.628 0-16.808 1.887-24.108 5.292c-18.206 8.426-31.08 26.106-32.202 46.802a56 56 0 0 0-.086 2.95c0 30.37 25.282 55.077 56.379 55.077s56.395-24.707 56.413-55.06c0-.978-.034-1.973-.086-2.95c-1.122-20.68-13.996-38.376-32.202-46.803c-7.317-3.42-15.48-5.308-24.108-5.308m-3.745 30.723c.498 0 .97.22 1.277.602l.12.174L84.233 75.6l14.409 24.404a1.5 1.5 0 0 1 0 1.568a1.58 1.58 0 0 1-1.18.778l-.218.014H85.526c-.499 0-.97-.232-1.277-.618l-.121-.174l-7.697-13.029l-8.576 13.079a1.6 1.6 0 0 1-1.159.712l-.205.013h-11.89c-.604 0-1.156-.32-1.432-.826a1.56 1.56 0 0 1-.04-1.429l.109-.189l15.86-23.629l-11.822-19.398a1.54 1.54 0 0 1-.017-1.585a1.62 1.62 0 0 1 1.198-.795l.217-.014z"/><path fill="#1b2738" d="M214.196 37.918h15.031v80.493h-15.03V84.114h-16.982v34.314h-15.03v-80.51h15.03v34.955h16.981zm61.401 80.508l-3.141-16.718h-18.032l-2.883 16.718h-15.03l16.583-80.492h20.242l17.379 80.492zM256.39 90.601h13.979l-7.18-38.527zm67.803 13.145V86.523c0-1.366-.257-2.276-.775-2.748c-.519-.472-1.485-.707-2.883-.707h-10.578c-8.974 0-13.46-4.248-13.46-12.759V50.557c0-8.427 4.693-12.623 14.097-12.623h14.376c9.405 0 14.1 4.213 14.1 12.623v11.224h-15.152v-9.185c0-1.365-.26-2.275-.776-2.747c-.518-.472-1.484-.708-2.882-.708h-4.97q-2.227 0-3.002.708c-.519.472-.778 1.382-.778 2.747v16.197c0 1.365.26 2.275.778 2.747q.775.708 3.002.708h10.32c9.145 0 13.718 4.162 13.718 12.505v21.05c0 8.427-4.744 12.623-14.237 12.623h-14.115c-9.491 0-14.238-4.213-14.238-12.622V94.697h15.013v9.05c0 1.365.26 2.275.778 2.747q.776.707 3.003.708h4.97c1.397 0 2.345-.237 2.881-.708c.535-.472.81-1.382.81-2.748m55.239-65.828h15.013v67.87c0 8.426-4.745 12.623-14.236 12.623H364.28c-9.49 0-14.237-4.213-14.237-12.623v-67.87h15.03v65.83c0 1.366.26 2.275.778 2.747c.516.472 1.484.708 2.882.708h6.918q2.228 0 3.003-.708c.519-.472.778-1.381.778-2.747zm42.451 49.129v31.381h-15.015v-80.51h30.305c9.491 0 14.236 4.214 14.236 12.624v23.864c0 6.978-3.174 11.056-9.542 12.253l13.72 31.77h-16.204l-12.547-31.382zm0-37.904v27.05h10.837c1.398 0 2.348-.236 2.882-.708c.518-.472.776-1.382.776-2.747v-20.14c0-1.365-.258-2.275-.776-2.747s-1.484-.708-2.882-.708zm74.984 69.283l-3.142-16.718h-18.034l-2.882 16.718h-15.013l16.584-80.492h20.243L512 118.426zm-19.191-27.825h13.978l-7.179-38.527z"/></svg>

Hasura アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:hasura" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:hasura" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:hasura" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hasura]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hasura"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:hasura"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/hasura.svg" alt="Hasura アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Hasura アイコン

Hasura アイコンのよくある質問

Hasura アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Hasura アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:hasura" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Hasura アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/hasura.svg" alt="Hasura アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →