أيقونة Avi Background
token-branded:avi-background
أيقونة Avi Background (token-branded:avi-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
- الوسوم
- avibackground
شيفرة 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="#5cbde6" d="M12 19.53a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.06"/><path fill="#7ac4eb" d="M12 18.573a6.574 6.574 0 1 0 0-13.148a6.574 6.574 0 0 0 0 13.148"/><path fill="#9bd8fb" d="M12 17.444a5.445 5.445 0 1 0 0-10.89a5.445 5.445 0 0 0 0 10.89"/><path fill="#000" d="M11.27 8.758L8.4 5.605l-.828.235l-.41 1.93v3.011h.188v.706h-.188v2.353l1.506 1.318v.418l-2.052 1.812c1.553 2.127 4.127 2.306 6.165 2.306c1.628 0 2.974-.8 3.445-1.21l-1.28-1.364h-.64v-.245h.743c.316-.14.941-.423.97-.46c.023-.043.442-.51.649-.74v-.899a13 13 0 0 1-.819-.823q.49-.641 1.054-1.219v-1.223l-.894-1.492l.47-3.233l-.211-.353h-.179l-.522.602l-1.817 1.403q-.608-.06-1.218-.062c-.532 0-1.064.255-1.271.382z"/><path fill="#928396" d="M9.576 19.318v-3.1h2.108l2.48 1.209l-.404.809l.254 1.233l-1.977.301z"/><path fill="#2d2220" d="m8.81 15.718l-1.939 1.99l.395.367l1.718-1.6l.744-.188h1.623l2.325 1.205h1.275l-.376-.23l-1.238-.565l-1.346-.744l-1.53-.235l-1.138-.155l-.518.155z"/><path fill="#744e03" d="m7.888 17.271l-.706.758l.353.244l.489-.649l.856-.527l.697.353l.499-.226l-.621-.96l-.687.301z"/><path fill="#a16123" d="M9.576 17.403c-.264-.127-.79-.386-.819-.39l-.767.423l-.47.673l.715.598v-.989l.861.72v.65l.48.183z"/><path fill="#fc9918" d="m9.977 17.694l-.461-.424v1.94l.456-.288v-1.224z"/><path fill="#c8c3ca" d="M10.037 17.21v2.447l1.939.15l1.896-.253l-.602-1.723l-1.016-.687l-1.506-.513z"/><path fill="#fff" d="m10.353 17.2l.672-.363l1.836 1.05l.927 1.6l-1.553.301l-1.883-.254z"/><path fill="#918495" d="m9.482 15.078l.74-.612l1.053-.875l.98.442l3.44.965l.324.348v.47h-1.374l-1.19-.188v.146l1.002.188h1.75l-.663.424h-3.295l-1.995-.612z"/><path fill="#513206" d="m10.202 13.604l-.348.55l1.647-.112v-1.083h-.678v.645z"/><path fill="#9e6315" d="M11.37 14.055c.112-.131.338-.418.343-.456l1.53-.127l2.813 1.162v.273h-.997l-2.26-.367l-1.425-.485z"/><path fill="#34343e" d="m11.247 11.557l-.692-.691l-.127.583l.33.64h.489z"/><path fill="#33323a" d="m13.14 12.127l-2.325-1.196l.338-.423c.433.197 1.36.602 1.582.677c.22.076.564.64.705.913z"/><path fill="#c1b6c7" d="m10.871 10.712l.202-.23l4.565.503l1.078.64v.508h-.381l-.485-.48h-1.666l-.757.48z"/><path fill="#f8f8ec" d="m10.988 10.7l.07-.16l5.243.387l.386.607v.39l-.753-.452h-1.972l-.583.386z"/><path fill="#302128" d="M7.36 11.472v.833l1.835 1.02l-.184-1.02l-1.162-.767zm.018 1.063v.923l1.181.931l.565-.875l-1.741-.979z"/><path fill="#37363c" d="M11.115 9.055h.391l-1.285 1.755l.433.823l.123 1.003l-.556.461l-.259-.09l.509-1.044l-1.092-.847z"/><path fill="#323338" d="m7.553 11.304l.39-.72l.574.226l1.624 1.196l-.47 1.072l-.354.335l-1.063-.66l-.706-1.449z"/><path fill="#2e2128" d="m7.685 6.084l.461-.33l2.038 3.558l-1.163 1.412l-.513-.273h-.517l-.687.377v-3.05l.376-1.694z"/><path fill="#baafc0" d="M8.231 10.786h.344l1.6 1.308v.198l-.452.908h-.376l-1.35-1.313v-.838z"/><path fill="#fefff9" d="M10.517 9.195L7.872 5.977l-.277 1.34h.174v1.177h-.174v1.43l1.35.66h.513z"/><path fill="#c3bdc7" d="m8.532 7.962l-.527-.692l-.22 1.2v1.54l.686.329h.236v-.222h.4V9.082h.164v.457h.254v-.377l-.65-1.2z"/><path fill="#2e2128" d="M8.014 6.683v.602l.517.678h.127V7.67l-.46-.988zm.22 1.524L8.443 9.3h.268l-.268-1.091z"/><path fill="#fe9923" d="m10.556 9.1l-2.56-3.204l.179-.146l2.588 2.998z"/><path fill="#fbfff1" d="M9.83 7.67L8.208 5.783h.198L9.98 7.496z"/><path fill="#a25f1b" d="M11.153 8.8L9.981 7.506l-.202.165l.974 1.054l-1.346 1.85H8.97l-.34-.137v.32l.631.292L11.15 8.8z"/><path fill="#baafc0" d="m11.459 9.463l1.294-.644h-.861l-1.012.8l-1.134 1.092v.465l.65.509v.856l-.288.297v.343h.447l.372-.678v-.734l-.3-.414v-.804l.832-1.083z"/><path fill="#fafff9" d="m11.717 9.045l.988-.202l.066-.179h-.706l-.687.334l-1.26 1.299l.15.127l1.444-1.379z"/><path fill="#6b6a72" d="m8.188 11.694l.306-.475l1.13.922l-.443.381l-.988-.828z"/><path fill="#fbfbfb" d="M8.438 11.026v-.235h.23l1.52 1.12v.22l-.588.165l-.932-.936z"/><path fill="#353338" d="m11.68 9.68l-.7.908l2.31 1.082l.442-.197l-2.051-1.789z"/><path fill="#1f3e5b" d="m12.565 9.034l-.909.669l2.07 1.774l.19-.047v-.363l-1.3-1.388l-.047-.645z"/><path fill="#929eb6" d="m12.583 9.703l-.065-.611l.338-.269h1.756l1.67 1.789v.837h-.268v-.207h-2.15v-.207z"/><path fill="#5b84ba" d="m12.546 9.473l-.028-.386l.338-.282h.815l1.115 2.447h-.396z"/><path fill="#f3f7e8" d="m15.826 10.654l-1.803-1.83h.725l1.341 1.458v.753h-.263z"/><path fill="#a16123" d="M14.545 8.635h-.635v-.203l1.266-.705z"/><path fill="#fe9c15" d="M14.941 8.63h-.423l.597-.87l.49-.457v.377z"/><path fill="#fbf9fc" d="m15.219 9.172l-.33-.33l1.393-1.74z"/><path fill="#c7bfca" d="m15.582 9.553l.701-2.447l-1.068 2.043z"/><path fill="#fffbff" d="m16.269 6.584l-.673.692l.188.057l.452-.415z"/><path fill="#46643e" d="M11.694 13.789v-1.233l.273-.25h1.054v.25h.617v-.25h.447v1.054l-.673.702h-1.19l-.532-.273z"/><path fill="#738471" d="M13.346 12.556h-.325v-.25h-.62l1.608 1.13l.076-.076v-.197l-.739-.612zm.381 1.176l-1.647-1.426h-.113l-.273.25v.103l1.883 1.238l.15-.16z"/><path fill="#527147" d="M14.767 12.094h1.515v1.045l-.254.47h-.58l-.681-.518z"/><path fill="#738471" d="m14.767 12.41l1.02 1.2h.24l.255-.475v-.127l-.913-.917h-.602z"/><path fill="#745409" d="m14.587 13.138l-.188-.63l-.17.861l-.8.885h1.205c.038 0 .655-.141.956-.212l-.113-.245z"/><path fill="#725102" d="m11.3 13.289l-.424-.362l-.057.71h.48z"/><path fill="#717d6f" d="M11.473 11.916v.376h.226v-.212h.277v-.164z"/><path fill="#454442" d="m10.07 14.005l-1.058.46c.155.208.47.627.475.655s.39-.73.583-1.115"/><path fill="#5d645c" d="M10.395 14.72h-.518l.263-.715h.692v.508h-.437z"/><path fill="#393a3f" d="m10.137 13.853l-.621 1.2h.418v-.579h.203v-.423h.65v.226h.512v-.26h-.452v-.164z"/><path fill="#f91" d="m15.549 14.014l-1.28.245l.282.437h1.553z"/><path fill="#fff" d="M12.898 14.545h-2.353l-.174.494l.41.311l1.411.235l2.141.221h.509l1.011-.545v-.316h-.64z"/><path fill="#f5fff9" d="M15.806 14.07h-.216l.47.631h.236v-.198l-.49-.437z"/><path fill="#faf5fc" d="M16.038 15.143v-.202h.47v.202z"/><path fill="#fd9c0f" d="m13.685 18.292l.207 1.007h.216v-.339l.64-.583v.64l1.162-.546l-.659-.518H13.84z"/><path fill="#a56118" d="M14.913 17.478h-.941l-.212.494h1.506z"/><path fill="#f9faf2" d="M15.069 17.488h-.175l.349.484l.64.504l.141-.085z"/><path fill="#3781b2" fill-rule="evenodd" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-.47a7.53 7.53 0 1 0 0-15.06a7.53 7.53 0 0 0 0 15.058" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>كيفية استخدام أيقونة Avi Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:avi-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:avi-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:avi-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--avi-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:avi-background"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:avi-background"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/token-branded/avi-background.svg" alt="أيقونة Avi Background" width="24" height="24">أيقونات ذات صلة في Web3 Icons Branded
الأسئلة الشائعة حول أيقونة Avi Background
هل أيقونة Avi Background مجانية للاستخدام التجاري؟
نعم. تُنشر Web3 Icons Branded icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Avi Background في React؟
ثبّت @iconify/react واعرض <Icon icon="token-branded:avi-background" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Avi Background إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/token-branded/avi-background.svg" alt="أيقونة Avi Background">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.