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

أيقونة Trivalent

thesvg-color:trivalent

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"><g fill="none"><defs><linearGradient id="SVGhqrjCc3b" x1="119.007" x2="9.871" y1="9.971" y2="118.384" gradientTransform="translate(-10.667 -10.667)scale(1.16667)" gradientUnits="userSpaceOnUse" spreadMethod="pad"><stop offset="0" stop-color="#3dc7f5"/><stop offset=".25" stop-color="#0da6f2"/><stop offset=".5" stop-color="#5f82c9"/><stop offset=".75" stop-color="#7259a6"/><stop offset="1" stop-color="#744e74"/></linearGradient><linearGradient id="SVG3tlurd0W" x1="368" x2="144" y1="62.01" y2="449.99" gradientTransform="translate(-6.857 -6.857)scale(.21429)" gradientUnits="userSpaceOnUse" href="#SVGhqrjCc3b"/><linearGradient id="SVGOcxW8dYm" x1="368" x2="144" y1="62.01" y2="449.99" gradientTransform="translate(25.714 25.714)scale(.08705)" gradientUnits="userSpaceOnUse" href="#SVGhqrjCc3b"/></defs><rect width="96" height="96" fill="url(#SVG3tlurd0W)" ry="48"/><path fill="#fff" fill-opacity=".332" d="m61.024 30.632l8.708 13.148l-.949 16.218l-20.784 36c26.509 0 47.998-21.49 47.998-48c0-8.744-2.35-16.936-6.437-23.999H47.998z"/><path fill="gray" fill-opacity=".33" d="M0 47.999c0 26.509 21.49 47.998 48 47.998l20.784-35.999L48 70.19L27.214 59.998L6.434 24.005A47.76 47.76 0 0 0 0 47.998"/><path fill="#000" fill-opacity=".33" d="M47.998 0C30.233 0 14.733 9.659 6.434 24.005l20.78 35.993l.249-13.738l4.615-12.492l15.92-9.769H89.56C81.26 9.657 65.762 0 47.998 0"/><path fill="#e5e5ff" d="M47.999 24c-13.255 0-24 10.744-24 23.999s10.745 23.999 24 23.999c13.254 0 23.999-10.745 23.999-24c0-13.254-10.745-23.999-24-23.999m0 4.5c10.769 0 19.499 8.73 19.499 19.499s-8.73 19.499-19.5 19.499s-19.499-8.73-19.499-19.5S37.23 28.5 48 28.5"/><rect width="39" height="39" x="28.5" y="28.5" fill="url(#SVGOcxW8dYm)" ry="19.5"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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