ICONYZ
Español
Icono Vib de theSVG Color

Icono Vib

thesvg-color:vib

El icono Vib (thesvg-color:vib) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1397 × 632. 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
1397 × 632
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1397" height="632" viewBox="0 0 1397 632"><path fill="#0066b3" fill-rule="evenodd" d="M391 266c-14 76-32 192-90 291c-27 49-52 75-99 75c-46-2-73-28-100-75C44 458 19 342 1 266c-2-13 2-26 18-26h47c16 0 20 6 25 27c17 75 46 191 87 252c0 0 11 17 24 17c12 0 21-17 21-17c42-61 62-177 80-252c5-21 11-27 25-27h47c16 0 20 15 16 26m145-8v348q-1 15-16 17h-53q-15-2-16-17V257q1-15 16-17h53c9 0 16 9 16 19m410 254c0 78-56 112-133 112H630q-17 2-18-21V262q0-20 20-20h162c76 0 129 25 129 92c0 35-22 64-49 78l-5 4c48 11 79 47 77 96M697 391h88c29 0 51-15 51-44q-1-41-54-41h-85zm163 116c0-37-28-53-67-53h-96v103h96c32 0 67-11 67-50"/><path fill="#fcb813" d="M1280 0c-38 0-53 10-75 30l-47 51l-45-51c-21-20-36-30-74-30h-55l96 119c19 20 30 30 56 30h46c25 0 37-10 56-30c11-11 97-119 97-119z"/><path fill="#f37920" d="M1249 139c-26 6-41 11-55 35l-11 19l-12 18c-14 22-10 37-1 65l55 142l26-47c19-32 19-51 11-80l-21-65l68-15c28-7 44-16 61-50l27-46c3 0-132 20-148 24"/><path fill="#f6921e" d="m1145 211l-11-19l-11-20c-14-22-29-29-55-34c-16-4-152-25-152-25l26 47c20 32 35 41 62 50l71 15l-21 67c-7 28-7 47 11 79l26 47l55-142c10-28 13-43-1-65"/></svg>

Cómo usar el icono Vib

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:vib" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:vib" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:vib" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--vib]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:vib"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:vib"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/vib.svg" alt="Icono Vib" width="24" height="24">

Iconos relacionados en theSVG Color

El icono Vib en otras colecciones

Preguntas frecuentes sobre Icono Vib

¿El icono Vib 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 Vib en React?

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

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

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

Ver todos los Iconos theSVG Color →