Icono Vudu
thesvg-color:vudu
El icono Vudu (thesvg-color:vudu) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 300 × 83. 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
- 300 × 83
Código 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>Cómo usar el icono 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:vudu"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Icono Vudu" width="24" height="24">El icono Vudu en otras colecciones
Preguntas frecuentes sobre Icono Vudu
¿El icono Vudu 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 Vudu en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:vudu" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Vudu a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/vudu.svg" alt="Icono Vudu">, o pega el código SVG en línea para darle estilo con CSS.