أيقونة Volta Dark
thesvg-color:volta-dark
أيقونة Volta Dark (thesvg-color:volta-dark) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 778 × 222. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 778 × 222
- الوسوم
- voltadark
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="778" height="222" viewBox="0 0 778 222"><path fill="#0a0a0a" d="M328.717 221.566q-24.61 0-42.656-10.543q-18.048-10.543-28-29.5q-9.844-18.957-9.844-44.303t9.844-44.409q9.952-19.062 28-29.606q18.047-10.543 42.656-10.543q24.61 0 42.656 10.543q18.046 10.544 27.891 29.606q9.953 19.063 9.953 44.409t-9.953 44.303q-9.845 18.957-27.891 29.5q-18.047 10.542-42.656 10.543m.219-30.884q13.343 0 22.312-7.136q8.969-7.24 13.344-19.382q4.484-12.14 4.484-27.05q0-15.016-4.484-27.157q-4.375-12.246-13.344-19.489q-8.969-7.242-22.312-7.241q-13.672 0-22.75 7.241q-8.97 7.242-13.454 19.489q-4.374 12.14-4.375 27.157q0 14.91 4.375 27.05q4.485 12.141 13.454 19.382q9.078 7.136 22.75 7.136M474.416.266a8 8 0 0 1 8 8V210.37a8 8 0 0 1-8 8h-23.594a8 8 0 0 1-8-8V8.266a8 8 0 0 1 8-8zm124.605 54.526a8 8 0 0 1 8 8V76.61a8 8 0 0 1-8 8h-80.578a8 8 0 0 1-8-8V62.79a8 8 0 0 1 8-8zm-64.734-31.19a8 8 0 0 1 8-8h23.594a8 8 0 0 1 8 8v145.567q0 7.775 2.406 11.928q2.516 4.047 6.563 5.538t8.968 1.491q3.719 0 6.782-.533c2.644-.444 5.293 1.216 5.873 3.834l4.056 18.323c.884 3.994-1.402 7.976-5.389 8.891q-1.018.234-2.134.475q-5.797 1.278-14.219 1.491q-14.875.426-26.797-4.366q-11.922-4.899-18.922-15.123q-6.89-10.223-6.781-25.559zm154.191 198.07q-15.968 0-28.765-5.538q-12.687-5.643-20.125-16.613q-7.328-10.97-7.328-27.05q0-13.845 5.25-22.897q5.25-9.053 14.328-14.484t20.453-8.2q11.484-2.875 23.734-4.153q14.766-1.491 23.953-2.663q9.187-1.278 13.344-3.833q4.266-2.663 4.266-8.201v-.639q0-12.034-7.328-18.637t-21.11-6.602q-14.547 0-23.078 6.176q-5.345 3.92-8.486 8.74c-2.078 3.188-5.598 5.476-9.367 4.955l-21.297-2.945c-4.842-.67-8-5.52-5.97-9.967q4.242-9.288 11.214-16.225q10.062-10.116 24.609-15.122q14.547-5.112 32.157-5.112q12.14 0 24.172 2.769q12.03 2.769 21.984 9.159q9.952 6.282 15.969 17.146q6.125 10.862 6.125 27.156v101.479a8 8 0 0 1-8 8h-22.063a8 8 0 0 1-8-8V195.9h-1.312q-3.61 6.816-10.172 12.78q-6.454 5.857-16.297 9.478q-9.735 3.514-22.86 3.514m10.282-28.328q11.921 0 20.672-4.579q8.75-4.686 13.453-12.354q4.812-7.668 4.812-16.72v-12.314c0-2.803-3.648-4.961-6.343-4.193q-4.375 1.278-9.844 2.237a311 311 0 0 1-10.828 1.704q-5.36.745-9.297 1.278q-8.86 1.171-15.86 3.833t-11.046 7.455q-4.047 4.686-4.047 12.141q0 10.65 7.984 16.081t20.344 5.431M32.337 9.452c-2.748-3.676-5.366-6.615-9.254-8c-4.392-1.96-9.32-2.086-13.934.553c-1.726.988-2.874 1.904-3.836 2.996c-5.361 4.935-6.97 12.87-3.416 19.557l.012-.006c.814 1.766 1.611 3.27 2.59 5.101l46.334 73.545l21.06 33.428l8.138 12.916l34.278 56.612c2 3.298 4.875 6.036 8.338 7.94A23.65 23.65 0 0 0 134.034 217c3.997 0 7.925-1.002 11.387-2.906s6.337-4.642 8.337-7.94L258.943 32.568A20.9 20.9 0 0 0 262 21.721a20.9 20.9 0 0 0-3.047-10.85c-1.998-3.298-4.873-6.038-8.335-7.942A23.64 23.64 0 0 0 239.231.022h-79.008c-31.304 0-54.39 13.1-70.275 38.658l-4.657 7.682l-1.165 1.92l22.437 31.24l13.806-22.787c10.549-16.583 22.533-22.624 41.141-22.624l55.138.011L133.997 170.5l-23.44-38.756l.017-.031l-.876-1.391l-16.94-28.01l-21.44-32.901l-24.54-38.948zM18.214 159.003c-.555.941-1.209 2.27-1.556 3.259c-1.69 5.249-.538 10.94 2.919 15.174q.256.355.538.626a17 17 0 0 0 4.428 3.495c8.186 4.51 18.595 1.79 23.317-6.07a22 22 0 0 0 2.578-3.433l10.728-17.714l-21.643-32.486l-1.257 2.073l-2.513 4.146l-5.027 8.291z"/></svg>كيفية استخدام أيقونة Volta Dark
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:volta-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:volta-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:volta-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--volta-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:volta-dark"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:volta-dark"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="أيقونة Volta Dark" width="24" height="24">أيقونات ذات صلة في theSVG Color
الأسئلة الشائعة حول أيقونة Volta Dark
هل أيقونة Volta Dark مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Volta Dark في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:volta-dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Volta Dark إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="أيقونة Volta Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.