أيقونة Vuetify

thesvg-color:vuetify

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

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 400 × 400

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><g fill="none"><circle cx="200.025" cy="199.975" r="186.895" fill="#fff"/><path fill="#aeddff" fill-rule="evenodd" d="M200.025 390.404c105.171 0 190.428-85.258 190.428-190.429c0-105.17-85.257-190.428-190.428-190.428S9.596 94.805 9.596 199.975c0 105.171 85.258 190.429 190.429 190.429m0 3.793c107.265 0 194.221-86.957 194.221-194.222S307.29 5.754 200.025 5.754C92.759 5.754 5.803 92.71 5.803 199.975s86.956 194.222 194.222 194.222" clip-rule="evenodd"/><path fill="#1697f6" d="m203.087 172.693l-58.124 100.696L200 368.773l72.896-126.26l72.863-126.26H235.651z"/><path fill="#aeddff" d="m127.137 242.513l3.818 6.64l54.373-94.222l22.34-38.678H54.242z"/><path fill="#1867c0" d="M235.651 116.253C263.203 206.922 200 368.773 200 368.773l-55.037-95.384z"/><path fill="#7bc6ff" d="M207.668 116.253c-116.082 0-76.713 132.9-76.713 132.9z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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