Иконка Hasura Icon

logos:hasura-icon

Иконка Hasura Icon (logos:hasura-icon) — бесплатная SVG-иконка из набора SVG Logos от 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

<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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Hasura Icon

Можно ли бесплатно использовать иконку Hasura Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Hasura Icon в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →