Volta Dark ikonu

thesvg-color:volta-dark

Volta Dark ikonu (thesvg-color:volta-dark), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 778 × 222 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: theSVG Color
Yazar: thesvg.org
Lisans: MIT
Boyut: 778 × 222
Etiketler: voltadark

SVG indir

SVG kodu

<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 ikonu nasıl kullanılır

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>

Web bileşeni

<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 görseli

<img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="Volta Dark ikonu" width="24" height="24">

theSVG Color setindeki benzer ikonlar

Volta Dark ikonu: sık sorulan sorular

Volta Dark ikonu ticari kullanım için ücretsiz mi?

Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Volta Dark ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="thesvg-color:volta-dark" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Volta Dark ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="Volta Dark ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: theSVG Color ikonları →