Ikon Volta Dark
thesvg-color:volta-dark
Ikon Volta Dark (thesvg-color:volta-dark) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 778 × 222. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 778 × 222
- Tag
- voltadark
Kode 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>Cara memakai ikon 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>Web component
<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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="Ikon Volta Dark" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Volta Dark
Apakah ikon Volta Dark gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Volta Dark di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:volta-dark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Volta Dark ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="Ikon Volta Dark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.