أيقونة Nada Background

token-branded:nada-background

أيقونة Nada Background (token-branded:nada-background) أيقونة SVG مجانية من مجموعة Web3 Icons Branded من تصميم 0xa3k5. مرسومة على شبكة 24 × 24. تُنشر Web3 Icons Branded icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Web3 Icons Branded
المؤلف: 0xa3k5
الترخيص: MIT
الحجم: 24 × 24
الوسوم: nadabackground

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGe5glr8kH)" d="M12 19.647a7.647 7.647 0 1 0 0-15.295a7.647 7.647 0 0 0 0 15.295"/><path fill="#17d6ff" d="M16.127 5.863c.047 0 .109.005.156.038c.113.056.183.212.122.423c-.024.08-.033.283.019.528a1.3 1.3 0 0 0 .343.672l.08.08c.556.542 2.509 2.457 2.509 5.167a3.99 3.99 0 0 1-1.92 3.44c-.109.071-.217.142-.33.203c.141.141.32.357.47.612c.283.86-2.136 2.475-3.18 1.303a4 4 0 0 1-.66-.941c-.47.047-.969.075-1.491.075c-.414 0-.913-.033-1.445-.113c-.113.184-.277.4-.503.654c-.48.537-1.341.683-2.066.603a2.6 2.6 0 0 1-.965-.283c-.254-.14-.456-.353-.466-.62c-.01-.358.141-.716.316-1.008c.127-.212.277-.4.404-.536a3.74 3.74 0 0 1-1.75-3.2c0-2.231 1.134-3.807 2.583-4.838a9 9 0 0 1 4.48-1.59c1.257-.071 1.963-.198 2.381-.32c.306-.095.443-.17.551-.226a1 1 0 0 1 .113-.062a.55.55 0 0 1 .25-.06"/><path fill="#fd8727" d="M6.49 16.608c-.16.428-.095.78-.048.908c.085.343.645.574 1.553.574c.904 0 1.742-.532 2.01-1.068c.263-.541.31-.795.282-.82c-.014-.018-2.042-.357-3.05-.526c-.328.239-.588.56-.752.932z"/><path fill="#d95d15" d="M7.821 16.616c-.498.33-.536.692-.494.829c.198.178.824.395 1.742-.16c.927-.556.169-1.04-.325-1.215a9 9 0 0 0-.923.546"/><path fill="#f16607" d="M9.666 17.483c-1.101-.4-1.666-.998-1.793-1.252l.245-.198l2.06.574c-.164.292-.498.876-.517.876z"/><path fill="#d43c00" d="M9.27 16.348c.283.236.4.551-.145.904a3.6 3.6 0 0 1-1.083-.781q.34-.213.532-.31z"/><path fill="#ffecdd" d="M7.298 17.224a.297.297 0 1 0 0-.593a.297.297 0 0 0 0 .593"/><path fill="#d43c00" d="m7.115 15.576l3.294.513l.028.061a.34.34 0 0 1 .024.217a.9.9 0 0 1-.094.292a4 4 0 0 1-.66.94c-.474.537-1.34.683-2.06.603a2.7 2.7 0 0 1-.97-.282c-.254-.141-.456-.353-.466-.621c-.01-.358.142-.716.316-1.007c.178-.292.39-.537.54-.669zm.085.283c-.127.127-.302.33-.447.569c-.165.273-.283.579-.278.861c.005.132.108.273.33.4c.22.122.531.217.87.25c.687.075 1.445-.07 1.835-.518a3.7 3.7 0 0 0 .621-.87a1 1 0 0 0 .07-.226z"/><path fill="#fd8727" d="M17.035 16.932c.16.433.094.786.047.908c-.094.344-.645.574-1.553.574s-1.745-.532-2.01-1.068c-.263-.541-.31-.795-.286-.819c.019-.014 2.042-.358 3.054-.527c.325.24.582.561.744.932z"/><path fill="#d95d15" d="M15.699 16.941c.498.33.536.692.494.829c-.198.178-.82.395-1.742-.16c-.926-.556-.169-1.04.325-1.215c.104.048.429.217.923.546"/><path fill="#f16607" d="M13.859 17.807c1.096-.395 1.666-.998 1.788-1.247l-.244-.203l-2.062.575c.165.291.5.88.518.88z"/><path fill="#d43c00" d="M14.25 16.677c-.283.231-.396.55.15.9a3.6 3.6 0 0 0 1.077-.782a10 10 0 0 0-.527-.31z"/><path fill="#ffecdd" d="M16.221 17.548a.296.296 0 1 1 0-.593a.296.296 0 0 1 0 .593"/><path fill="#d43c00" d="m16.41 15.901l-3.295.518l-.033.056a.37.37 0 0 0-.023.217q.015.121.094.292c.103.235.3.541.659.941c.475.537 1.34.682 2.065.602c.363-.037.706-.136.965-.282c.254-.141.457-.353.466-.621c.01-.358-.141-.715-.315-1.007a3.3 3.3 0 0 0-.537-.669zm-.09.283a3 3 0 0 1 .447.57c.165.272.282.578.277.86c-.004.132-.108.273-.329.4a2.4 2.4 0 0 1-.87.255c-.688.075-1.445-.076-1.836-.518a3.7 3.7 0 0 1-.616-.875a1 1 0 0 1-.076-.226z"/><path fill="url(#SVGUA2pIbSV)" d="m12.824 16.927l-1.967-.095c-2.132-.033-3.784-.87-4.692-1.934c-.537-.635-.701-1.458-.861-1.934l.25-2.094l.61-1.228l.806-1.148l1.336-.974l2.061-.946l1.624-.269l1.835-.202l1.261-.348l.443-.155l.155.155V6.4l.348.833l1.035.945l.758 1.163l.504 1.228l.348 1.45l-.113 1.35l-.739 1.416l-.88.8l-1.261.636z"/><path fill="url(#SVG9iBFEbJr)" d="M9.962 7.487c1.775-.838 4.071-1.04 4.998-1.036c.047.208.24.74.678 1.177c.54.536 2.268 2.461 2.268 4.367h.8l-.292-1.548l-1.026-1.75l-1.482-1.638l-.268-.928l.113-.555h-.297l-.621.33l-1.492.225l-1.788.226l-1.77.452l-1.99.96l-.904.927l-.927 1.177l-.451 1.082l-.25 1.934l.621.184c0-3.323 1.869-4.532 4.08-5.586"/><path fill="url(#SVG8b1k6d2D)" d="M10.744 9.332c-2.796.602-3.238 2.705-3.111 3.684l8.682-1.355c-.931-1.148-2.08-3.082-5.571-2.33"/><path fill="#fffef9" d="M11.243 8.225c-.048-.075-.104-.263.094-.414c.249-.188.414-.132.498-.06c.085.07.118.234-.089.427c-.207.189-.424.137-.504.047m-2.175.862c-.08-.208-.103-.688.461-.951c.706-.325 1.073-.09 1.243.132c.165.216.155.644-.457.988c-.611.348-1.106.094-1.247-.17"/><path fill="url(#SVGWHLoibXN)" d="M12.01 16.316c2.687 0 4.865-.936 4.865-2.09s-2.178-2.09-4.866-2.09s-4.865.936-4.865 2.09s2.178 2.09 4.865 2.09"/><path fill="#792207" d="M6.983 13.953c.403 0 .73-.436.73-.974s-.327-.974-.73-.974s-.73.436-.73.974s.327.974.73.974"/><path fill="#f6fef8" d="M7.04 12.683a.273.273 0 1 0 0-.546a.273.273 0 0 0 0 .545"/><path fill="#792207" d="M13.506 15.13c.403 0 .73-.436.73-.974s-.327-.974-.73-.974s-.73.436-.73.974s.327.974.73.974"/><path fill="#f6fef8" d="M13.562 13.858a.273.273 0 1 0 0-.546a.273.273 0 0 0 0 .546"/><path fill="#792207" d="M9.139 13.694c.066-.033.14 0 .178.06l.005.015c.047.094.113.24.198.367a1 1 0 0 0 .136.155c.043.038.07.047.09.047a.75.75 0 0 0 .348-.098a1.4 1.4 0 0 0 .273-.198a.133.133 0 0 1 .188.188c-.085.08-.202.17-.339.245c-.14.07-.3.127-.47.127a.42.42 0 0 1-.264-.108a1 1 0 0 1-.179-.212a3 3 0 0 1-.216-.395l-.01-.02c-.032-.065 0-.14.062-.173"/><path fill="#fbf9eb" d="M15.539 15.311c.133.14.37.127.53-.026c.159-.153.18-.39.047-.528c-.134-.139-.37-.127-.53.026s-.18.39-.047.528"/><path fill="#e7b45b" fill-rule="evenodd" d="M15.543 5.717a.4.4 0 0 0-.146.047c-.019 0-.037.019-.07.033c-.1.057-.283.16-.626.264c-.798.198-1.616.308-2.438.329A8.75 8.75 0 0 0 7.92 7.934c-1.393.988-2.47 2.494-2.47 4.62c0 1.676 1.01 2.73 2.305 3.375a9.4 9.4 0 0 0 3.906.866c2.15 0 3.868-.438 5.04-1.21a3.72 3.72 0 0 0 1.807-3.219c0-2.597-1.883-4.437-2.438-4.983a1.6 1.6 0 0 1-.494-.885a1.5 1.5 0 0 1-.01-.654c.02-.07.01-.103.005-.113v-.01l.01.01l-.043-.023l.02.01h.004zm.15-.226a.3.3 0 0 0-.155-.037a.7.7 0 0 0-.249.065l-.113.057a2.2 2.2 0 0 1-.55.23c-.415.118-1.125.25-2.377.32c-1.28.071-3.04.565-4.485 1.591c-1.444 1.03-2.578 2.602-2.578 4.838c0 1.807 1.1 2.936 2.447 3.609a9.6 9.6 0 0 0 4.023.894c2.188 0 3.962-.442 5.19-1.252a3.98 3.98 0 0 0 1.925-3.44c0-2.71-1.957-4.625-2.512-5.167l-.08-.08a1.3 1.3 0 0 1-.34-.673a1.3 1.3 0 0 1-.018-.531c.056-.207-.01-.367-.127-.424" clip-rule="evenodd"/><path fill="#fefefc" fill-rule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-.452A7.53 7.53 0 1 0 12 4.49a7.53 7.53 0 0 0 0 15.06" clip-rule="evenodd"/></g><defs><linearGradient id="SVGe5glr8kH" x1="12" x2="12" y1="4.005" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#7deaf9"/><stop offset="1" stop-color="#c9f6fc"/></linearGradient><linearGradient id="SVGUA2pIbSV" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#fddc2a"/><stop offset="1" stop-color="#ffd829"/></linearGradient><linearGradient id="SVG9iBFEbJr" x1="12.003" x2="12.003" y1="11.181" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#ffff79"/><stop offset=".94" stop-color="#ffff79" stop-opacity="0"/></linearGradient><linearGradient id="SVG8b1k6d2D" x1="11.46" x2="14.132" y1="4" y2="19.635" gradientUnits="userSpaceOnUse"><stop stop-color="#fcc216"/><stop offset="1" stop-color="#fcc216" stop-opacity="0"/></linearGradient><linearGradient id="SVGWHLoibXN" x1="4.557" x2="19.679" y1="10.739" y2="12.187" gradientUnits="userSpaceOnUse"><stop stop-color="#ff9503"/><stop offset="1" stop-color="#ff9503" stop-opacity="0"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

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

React

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

<Icon icon="token-branded:nada-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:nada-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:nada-background" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nada-background]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nada-background"></div>

مكوّن ويب

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

<iconify-icon icon="token-branded:nada-background"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/token-branded/nada-background.svg" alt="أيقونة Nada Background" width="24" height="24">

أيقونات ذات صلة في Web3 Icons Branded

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

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

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

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

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

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

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

تصفح كل أيقونات Web3 Icons Branded →