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

أيقونة Vivaldi

thesvg-color:vivaldi

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

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

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="456" height="455" viewBox="0 0 456 455"><defs><linearGradient id="SVGz7wDgbnz" x1="21.587%" x2="76.116%" y1="5.709%" y2="100.496%"><stop offset="0%" stop-opacity=".2"/><stop offset="79.08%" stop-opacity=".05"/></linearGradient></defs><g fill="none"><path fill="#ef3939" d="M228 454.3c99.7 0 155.1 0 191.4-36.1c36.2-36.1 36.2-91.3 36.2-190.7s0-154.6-36.2-190.7C383.1.8 327.7.8 228 .8S72.9.8 36.6 36.9C.4 73 .4 128.2.4 227.6s0 154.6 36.2 190.7c36.3 36 91.7 36 191.4 36"/><path fill="url(#SVGz7wDgbnz)" d="M376 143.7c-21.8-38.1-58.3-67.8-104.2-80.1C180.7 39.3 87.1 93.1 62.7 183.8c-12.3 45.6-4.7 91.9 17.5 129.7c.3.5.6 1.1 1 1.6l80.2 138.5c13.3.4 27.7.5 43.2.5h22.6c44.3 0 79.9 0 109-3.2c36.3-4 62.3-12.9 82.4-32.9c29.3-29.2 34.9-71 36-138.7c-46.8-80.8-78.5-135.5-78.6-135.6"/><path fill="#fff" d="M347.8 107.6c-66.5-66.4-174.4-66.4-241 0c-66.5 66.4-66.5 174 0 240.3c66.5 66.4 174.4 66.4 241 0s66.6-174 0-240.3m-10.2 78.1c-28.1 48.7-56.2 97.4-84.3 146.2c-5.2 9.1-12.8 14.5-23.2 15.3c-11.6.8-20.8-4.1-26.7-14.1c-17.8-30.5-35.4-61.2-53-91.8c-10.7-18.6-21.5-37.2-32.2-55.9c-10.8-18.8 1.4-41.7 23-42.8c11.4-.6 20.2 4.7 26 14.6c7.9 13.5 15.7 27.2 23.6 40.8c5.7 9.8 11.2 19.7 17 29.3c8.4 14.1 20.8 22 37.3 23c23.3 1.4 45-15.5 47.8-40.2c.2-1.8.3-3.7.4-4.6c-.1-8-1.6-14.8-4.8-21.1c-8.7-17.4.6-36.9 19.5-41.1c15.4-3.4 31.4 7.9 33.4 23.5c1 6.7-.4 13-3.8 18.9"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

أيقونة Vivaldi من Arcticons
Arcticons
 أيقونة Vivaldi من SVG Logos
SVG Logos
 أيقونة Vivaldi من Simple Icons
Simple Icons
 أيقونة Vivaldi من theSVG
theSVG

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

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

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

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

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

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

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

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