ICONYZ
العربية
أيقونة Nhost من theSVG Color

أيقونة Nhost

thesvg-color:nhost

أيقونة Nhost (thesvg-color:nhost) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 256 × 273. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
256 × 273
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="273" viewBox="0 0 256 273"><path fill="#0052cd" d="M232.105 58.517L136.962 3.68a27.88 27.88 0 0 0-27.691 0a27.68 27.68 0 0 0-13.829 23.912v7.157l-6.202-3.583a27.88 27.88 0 0 0-27.69 0a27.69 27.69 0 0 0-13.83 23.956v7.148l-6.202-3.574a27.88 27.88 0 0 0-27.682 0A27.69 27.69 0 0 0 0 82.616v171.776a13.018 13.018 0 0 0 21.071 10.194l47.175-37.143l72.768 41.92a13.2 13.2 0 0 0 13.018 0c4.01-2.32 6.509-6.62 6.509-11.252v-103.35a47.73 47.73 0 0 0-23.86-41.246l-23.862-13.752V27.618a10.322 10.322 0 0 1 15.484-8.914l95.144 54.81a30.39 30.39 0 0 1 15.184 26.24v128.722c0 3.668-1.979 7.08-5.16 8.914l-25.21 14.528V127.241a47.73 47.73 0 0 0-23.86-41.238l-58.572-33.74v19.988l49.896 28.75a30.36 30.36 0 0 1 15.185 26.24V259.4c0 4.606 2.491 8.931 6.51 11.252a13.21 13.21 0 0 0 13.017 0l31.726-18.282c8.53-4.922 13.837-14.076 13.837-23.929V99.721a47.85 47.85 0 0 0-23.895-41.204m-104.143 69.986a30.36 30.36 0 0 1 15.184 26.25v95.885l-60.244-34.711l19.34-15.202a27.42 27.42 0 0 0 10.543-21.685v-59.255l15.185 8.727zm-32.528-18.742v69.245c0 3.182-1.442 6.142-3.933 8.087l-74.158 58.35V82.591a10.314 10.314 0 0 1 15.475-8.915L47.72 82.25v122.757l17.343-13.649V55.105a10.314 10.314 0 0 1 15.484-8.915l14.886 8.565v34.993L78.099 79.75v20.005l17.352 10.006z"/></svg>

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

React

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

<Icon icon="thesvg-color:nhost" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:nhost" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:nhost" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="thesvg-color:nhost"></iconify-icon>

صورة HTML

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

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

أيقونة Nhost من SVG Logos
SVG Logos
 أيقونة Nhost من Simple Icons
Simple Icons
 أيقونة Nhost من theSVG
theSVG

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

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

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

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

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

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

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

تصفح كل أيقونات theSVG Color →