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

أيقونة Lovable

thesvg-color:lovable

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="121" height="122" viewBox="0 0 121 122"><mask id="SVGTzFcucvl" width="121" height="122" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="url(#SVGkAaPycER)" fill-rule="evenodd" d="M36.069 0c19.92 0 36.068 16.155 36.068 36.084v13.713h12.004c19.92 0 36.069 16.156 36.069 36.084s-16.149 36.083-36.069 36.083H0v-85.88C0 16.155 16.148 0 36.069 0" clip-rule="evenodd"/></mask><g fill="none"><g mask="url(#SVGTzFcucvl)"><g filter="url(#SVGisokdbCk)"><ellipse cx="52.738" cy="65.101" fill="#4b73ff" rx="81.373" ry="81.192"/></g><g filter="url(#SVGaTNKjcdw)"><ellipse cx="61.673" cy="20.547" fill="#ff66f4" rx="104.216" ry="81.192"/></g><g filter="url(#SVGyQjXYdZi)"><ellipse cx="78.666" cy="5.268" fill="#ff0105" rx="81.373" ry="71.304"/></g><g filter="url(#SVG4UcRldRB)"><ellipse cx="63.121" cy="20.527" fill="#fe7b02" rx="48.937" ry="48.829"/></g></g><defs><filter id="SVGisokdbCk" width="235.52" height="235.159" x="-65.022" y="-52.478" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVGaTNKjcdw" width="281.208" height="235.159" x="-78.93" y="-97.032" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVGyQjXYdZi" width="235.52" height="215.383" x="-39.094" y="-102.423" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><filter id="SVG4UcRldRB" width="170.649" height="170.432" x="-22.204" y="-64.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_572_319" stdDeviation="18.194"/></filter><linearGradient id="SVGkAaPycER" x1="40.453" x2="76.933" y1="21.433" y2="121.971" gradientUnits="userSpaceOnUse"><stop offset=".025" stop-color="#ff8e63"/><stop offset=".56" stop-color="#ff7eb0"/><stop offset=".95" stop-color="#4b73ff"/></linearGradient></defs></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة Lovable من Boxicons Brands
Boxicons Brands
 أيقونة Lovable من Devicon
Devicon
 أيقونة Lovable من Devicon Plain
Devicon Plain
 أيقونة Lovable من SVG Logos
SVG Logos

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

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

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

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

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

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

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

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