ICONYZ
العربية
أيقونة Nats من SVG Logos

أيقونة Nats

logos:nats

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

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
512 × 125
الوسوم
nat
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="125" viewBox="0 0 512 125"><path fill="#27aae1" d="M0 97.594h51.481l29.522 27.326V97.594h39.403V0H0z"/><path fill="#34a574" d="M130.531 97.594h120.406V0H130.531z"/><path fill="#375c93" d="M261.063 97.594h120.406V0H261.063z"/><path fill="#8dc63f" d="M391.594 0v97.594H512V0z"/><path fill="#fff" d="M451.126 21.837c13.053 0 26.35 2.073 33.304 4.88v12.198c-7.93-3.415-21.715-5.855-33.182-5.855c-12.687 0-18.177.854-19.763 2.44c-.61.61-.976 1.342-.976 2.317c0 1.098.244 1.83.854 2.44c1.586 1.586 7.442 2.074 21.105 2.318c20.007.488 28.668 2.196 33.06 6.466c2.196 2.196 3.416 5.611 3.416 9.393c0 4.026-.854 7.93-3.782 10.857c-3.904 3.904-12.443 6.954-32.694 6.954c-15.005 0-29.4-2.318-37.452-5.734v-12.32c7.808 3.537 24.52 6.709 37.452 6.709c11.223 0 19.153-.366 21.349-2.562c.731-.854.853-1.586.853-2.44c0-.976-.244-1.586-.853-2.196a4 4 0 0 0-.231-.215l-.084-.07c-1.32-1.069-4.302-1.828-20.912-2.277c-19.153-.488-28.546-2.44-32.938-6.831c-1.952-2.074-3.172-5.368-3.172-9.15c0-4.025.732-7.563 4.026-10.857c4.27-4.27 12.931-6.465 30.62-6.465m-251.425.732l37.573 52.578h-17.2l-7.076-10.125h-46.48l-7.075 10.247h-16.468l37.573-52.7zm-157.736.243l43.43 40.502V22.812h14.394v52.335H77.953L33.792 33.914v41.233H19.397V22.812zm319.375 0v11.834h-33.182v40.501h-14.883V34.646h-33.304V22.812zM189.697 31.84l-15.615 22.324h31.23z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة nats-icon
nats-icon

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

أيقونة Nats من Devicon
Devicon
 أيقونة Nats من Devicon Plain
Devicon Plain

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

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

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

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

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

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

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

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