أيقونة Hasura
logos:hasura
أيقونة Hasura (logos:hasura) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 150. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 150
شيفرة 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>مكوّن ويب
<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، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Hasura في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:hasura" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Hasura إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/hasura.svg" alt="أيقونة Hasura">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.