Icono Volta Dark

thesvg-color:volta-dark

El icono Volta Dark (thesvg-color:volta-dark) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 778 × 222. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: theSVG Color
Autor: thesvg.org
Licencia: MIT
Tamaño: 778 × 222
Etiquetas: voltadark

Descargar SVG

Código 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>

Cómo usar el icono 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>

Imagen HTML

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

Iconos relacionados en theSVG Color

Preguntas frecuentes sobre Icono Volta Dark

¿El icono Volta Dark es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Volta Dark en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:volta-dark" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Volta Dark a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/volta-dark.svg" alt="Icono Volta Dark">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →