أيقونة Vudu

thesvg-color:vudu

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="83" viewBox="0 0 300 83"><path fill="#2d6dbe" d="M76.808.015C71.8.001 68.698.012 63.738.012h-.145a5.37 5.37 0 0 0-4.978 3.485c-.085.11-.142.243-.184.368c-4.988 14.204-9.336 26.408-14.32 40.623c-1.309 3.748-2.61 7.48-3.944 11.228c-.106.294-.384.673-.672.758c-.576.162-.588-.45-.71-.8c-3.112-8.861-6.212-17.722-9.32-26.571c-3.192-9.094-5.836-16.647-9.033-25.749q-.043-.147-.152-.303A5.4 5.4 0 0 0 15.418.012c-.06 0-.119 0-.162.003c-5.046-.014-8.006-.023-13.12 0c-1.69.009-2.52 1.247-1.96 2.83C7.87 24.297 15.543 45.745 23.23 67.17c.58 1.608 1.084 3.042 1.583 4.429c2.927 6.78 7.384 10.328 15.247 10.783c2.316 0 1.789.004 1.789.004c2.566-.086 5.454-.478 8.736-1.136l5.452-15.546c7.6-20.996 15.003-41.444 22.706-62.748c.088-.246.18-.484.223-.736C79.14.958 78.237.016 76.81.016m73.693 5.616v-.155a5.397 5.397 0 0 0-4.987-5.39c-.146-.05-13.717 0-13.717 0s.006 2.929.006 7.625c0 14.235.01 26.828-.02 41.278c0 1.425-.104 2.905-.456 4.287c-1.291 5.316-4.518 8.995-9.777 10.59c-5.284 1.608-10.22.7-14.388-3.108c-3.125-2.858-4.646-6.534-4.647-10.732a20948 20948 0 0 1-.035-42.167V.087s-13.643-.05-13.785 0a5.397 5.397 0 0 0-4.987 5.39c0 .047.013.098.013.155v2.55c0 14.784-.027 27.406.03 42.485c.015 2.354.271 4.741.807 7.03c3.933 16.96 20.67 28.18 38.587 24.944c8.388-1.524 15.279-5.694 20.561-12.42c4.361-5.552 6.713-11.895 6.765-18.964c.065-7.903.016-15.784.016-23.665V5.632zm148.845 0c.015-.057.015-.108.015-.155a5.397 5.397 0 0 0-4.98-5.39c-.157-.05-13.737 0-13.737 0s.015 2.929.015 7.625c0 14.235.014 26.828-.016 41.278c0 1.425-.123 2.905-.455 4.287c-1.293 5.316-4.526 8.995-9.77 10.59c-5.296 1.608-10.237.7-14.389-3.108c-3.127-2.858-4.64-6.534-4.65-10.732c-.028-9.844-.028-30.79-.028-42.167V.087s-13.642-.05-13.788 0a5.4 5.4 0 0 0-4.983 5.39v2.705c0 14.784-.026 27.406.05 42.485c0 2.354.263 4.741.79 7.03c3.934 16.96 20.676 28.18 38.585 24.944c8.393-1.524 15.279-5.694 20.554-12.42c4.355-5.552 6.716-11.895 6.779-18.964c.043-7.903 0-15.784 0-23.665V5.632zM203.35 57.178c-3.763 4.478-8.616 7.005-14.43 7.656c-1.117.126-2.248.153-3.377.16c-3.215.033-6.45.02-9.674.02c-1.177 0-1.194 0-1.194-1.154V18.411c0-1.068.016-1.08 1.068-1.08c3.94.034 7.874-.07 11.815.135c7.333.377 13.129 3.695 17.315 9.72c2.559 3.698 3.84 7.875 4.083 12.367c.357 6.595-1.326 12.55-5.605 17.625m5.51-50.742C202.847 2.632 196.24.596 189.126.349c-3.279-.106-6.554-.106-9.817-.106c-6.705-.015-10.563-.003-17.246 0c-.04 0-.074-.003-.124-.003a5.41 5.41 0 0 0-5.405 5.41v71.176c0 2.981 2.42 5.412 5.405 5.412c9.692-.03 16.348 0 26.04-.038a37 37 0 0 0 5.903-.512c7.914-1.311 14.953-4.566 20.826-10.034c11.058-10.298 15.509-23.054 12.899-37.922c-2.07-11.82-8.615-20.884-18.747-27.296m87.252 69.67h-1.342v1.791h1.342c.427 0 .88-.37.88-.87c0-.53-.453-.92-.88-.92m.8 4.3l-1.263-1.917h-.879v1.917h-.647v-4.864h1.989c.82 0 1.538.581 1.538 1.485c0 1.078-.965 1.448-1.233 1.448l1.29 1.931zm-1.157-6.097c-2.022 0-3.667 1.598-3.667 3.648a3.67 3.67 0 0 0 3.667 3.663a3.663 3.663 0 0 0 3.657-3.663a3.63 3.63 0 0 0-3.657-3.648m0 7.897a4.25 4.25 0 0 1-4.247-4.249a4.227 4.227 0 0 1 4.247-4.232a4.22 4.22 0 0 1 4.247 4.232a4.24 4.24 0 0 1-4.247 4.25"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

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

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

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

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

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

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

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

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

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

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