أيقونة Nhost

logos:nhost

أيقونة Nhost (logos:nhost) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 173. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: SVG Logos
المؤلف: Gil Barbara
الترخيص: CC0-1.0
الحجم: 512 × 173

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="173" viewBox="0 0 512 173"><path fill="#21324b" d="M274.186 82.377h25.938V61.804h13.72v52.784h-13.72v-20.58h-25.938v20.58h-13.244V61.804h13.239v20.573zm91.993-20.573h-21.18c-5.867 0-9.44 1.104-12.14 3.805c-2.69 2.685-3.724 6.095-3.724 12.113v20.969c0 6.019 1.029 9.418 3.724 12.113c2.69 2.696 6.262 3.805 12.14 3.805h21.18c5.867 0 9.44-1.11 12.14-3.805c2.707-2.684 3.724-6.094 3.724-12.113V77.722c0-6.018-1.028-9.418-3.724-12.118c-2.706-2.696-6.273-3.8-12.14-3.8m2.614 37.195c0 3.085-1.028 3.951-4.757 3.951h-16.893c-3.724 0-4.763-.866-4.763-3.95V77.391c0-3.09 1.039-3.956 4.763-3.956h16.893c3.815 0 4.763.784 4.763 3.95V99zm46.072-16.075h18.95c5.867 0 9.515 1.11 12.14 3.805c2.377 2.381 3.724 6.251 3.724 10.446v3.172c0 4.2-1.353 7.989-3.724 10.446c-2.625 2.696-6.197 3.805-12.14 3.805h-36.162v-11.637h33.943c3.724 0 4.763-.866 4.763-3.95V97.43c0-3.091-1.04-3.957-4.763-3.957h-18.944c-5.884 0-9.527-1.12-12.14-3.805c-2.377-2.382-3.73-6.246-3.73-10.446v-3.167c0-4.2 1.342-7.994 3.73-10.446c2.624-2.701 6.18-3.805 12.134-3.805h34.278v11.632h-32.059c-3.723 0-4.757.866-4.757 3.95v1.581c0 3.096 1.034 3.962 4.763 3.962zm43.21-9.488V61.798H512v11.638h-20.297v41.152h-13.25V73.436h-20.384z"/><path fill="#0052cd" d="M229.25 61.387h-21.179c-5.867 0-9.44 1.104-12.14 3.805c-2.69 2.685-3.724 6.095-3.724 12.103v37.282h13.245V76.975c0-3.085 1.033-3.95 4.763-3.95h16.893c3.81 0 4.757.79 4.757 3.95v37.607h13.25V77.3c0-6.019-1.034-9.418-3.729-12.102c-2.69-2.707-6.257-3.816-12.135-3.816zm-81.984-24.259L86.9 2.336a17.69 17.69 0 0 0-17.569 0a17.56 17.56 0 0 0-8.774 15.171v4.541l-3.935-2.273a17.69 17.69 0 0 0-17.57 0a17.57 17.57 0 0 0-8.773 15.199v4.535l-3.935-2.268a17.69 17.69 0 0 0-17.564 0A17.57 17.57 0 0 0 0 52.418v108.989a8.26 8.26 0 0 0 13.37 6.468l29.93-23.567l46.17 26.598a8.38 8.38 0 0 0 8.26 0a8.27 8.27 0 0 0 4.13-7.14V98.194a30.28 30.28 0 0 0-15.14-26.17l-15.138-8.725V17.523a6.55 6.55 0 0 1 9.824-5.656l60.366 34.776a19.28 19.28 0 0 1 9.635 16.65v81.67a6.55 6.55 0 0 1-3.275 5.656l-15.994 9.218V80.732a30.28 30.28 0 0 0-15.14-26.165L79.837 33.16v12.682l31.658 18.24a19.26 19.26 0 0 1 9.635 16.65v83.852a8.28 8.28 0 0 0 4.13 7.14a8.38 8.38 0 0 0 8.26 0l20.129-11.6c5.412-3.123 8.779-8.93 8.779-15.183v-81.67a30.36 30.36 0 0 0-15.16-26.143M81.19 81.533a19.26 19.26 0 0 1 9.635 16.654v60.838L52.6 137.001l12.27-9.645a17.4 17.4 0 0 0 6.69-13.759V76.001l9.634 5.537zM60.551 69.64v43.934a6.48 6.48 0 0 1-2.495 5.132l-47.052 37.022V52.402a6.544 6.544 0 0 1 9.818-5.656l9.456 5.44v77.887l11.004-8.66v-86.45a6.544 6.544 0 0 1 9.824-5.656l9.445 5.434v22.202L49.552 50.6v12.692l11.01 6.35z"/></svg>

كيفية استخدام أيقونة Nhost

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/nhost.svg" alt="أيقونة Nhost" width="24" height="24">

أيقونات ذات صلة في SVG Logos

أيقونة Nhost في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Nhost

هل أيقونة Nhost مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Nhost في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:nhost" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Nhost إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/nhost.svg" alt="أيقونة Nhost">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →