ICONYZ
Español
Icono Vivaldi de SVG Logos

Icono Vivaldi

logos:vivaldi

El icono Vivaldi (logos:vivaldi) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 88. SVG Logos icons se publican bajo la licencia CC0, 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
SVG Logos
Autor
Gil Barbara
Licencia
CC0-1.0
Tamaño
512 × 88
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="88" viewBox="0 0 512 88"><defs><linearGradient id="SVGcEMoNdBf" x1="20.985%" x2="75.846%" y1="5.132%" y2="100.366%"><stop offset="0%" stop-opacity=".2"/><stop offset="79%" stop-opacity=".05"/></linearGradient></defs><path fill="#333" d="M512 18.156v58.1h-14.525v-58.1zm-63.306 0a28.7 28.7 0 0 1 20.37 8.508a29.17 29.17 0 0 1 8.44 20.542a29.17 29.17 0 0 1-8.44 20.541a28.7 28.7 0 0 1-20.37 8.508h-20.212V18.156Zm-63.786 0v45.39h25.418v12.71h-39.943v-58.1zm-61.683 0l29.002 58.1H338.29l-4.241-8.896h-21.743l-4.242 8.895h-13.936zm-72.733 0l12.765 28.72l12.764-28.72h14.475l-27.24 58.1l-27.228-58.1zm-32.62 0v58.1h-14.524v-58.1zm-72.674 0l12.765 28.72l12.765-28.72h14.463l-27.228 58.1l-27.24-58.1zm303.496 11.948h-7.223v34.204h7.223c9.702 0 16.264-7.766 16.264-17.102s-6.598-17.102-16.264-17.102m-125.47 14.75l-5.56 11.977h11.121z"/><path fill="#ef3939" d="M43.574 87.149c19.095 0 29.706 0 36.64-6.935s6.935-17.545 6.935-36.64s0-29.706-6.935-36.64S62.67 0 43.574 0S13.855 0 6.934 6.934S0 24.479 0 43.574s0 29.706 6.934 36.64s17.545 6.935 36.64 6.935"/><path fill="url(#SVGcEMoNdBf)" d="M71.905 27.45c-2.103-3.793-5.722-6.899-9.128-9.584c-3.407-2.685-6.751-4.303-10.931-5.463s-8.452-1.139-12.755-.594c-4.304.546-8.007 1.528-11.765 3.694s-6.677 4.819-9.305 8.269s-4.375 6.876-5.466 11.074c-1.09 4.197-1.485 8.848-.867 13.14c.617 4.294 1.367 8.379 3.596 12.1l.184.314l15.35 26.61q3.822.104 8.273.092h4.36a205 205 0 0 0 20.865-.617c6.946-.762 11.935-2.468 15.756-6.315c5.62-5.618 6.684-13.652 6.881-26.649z"/><path fill="#fff" d="M66.658 20.454a32.67 32.67 0 0 0-35.602-7.07a32.67 32.67 0 0 0-20.162 30.19a32.69 32.69 0 0 0 20.162 30.19a32.665 32.665 0 0 0 35.602-7.07a32.64 32.64 0 0 0 9.597-23.12a32.65 32.65 0 0 0-9.597-23.12M64.699 35.5A98851 98851 0 0 0 48.54 63.63a5.4 5.4 0 0 1-4.444 2.933a5.13 5.13 0 0 1-5.114-2.723c-3.406-5.865-6.785-11.77-10.164-17.662a2147 2147 0 0 1-6.18-10.757a5.432 5.432 0 0 1 4.419-8.233a5.26 5.26 0 0 1 4.983 2.814c1.525 2.63 3.024 5.26 4.523 7.891c1.09 1.894 2.142 3.787 3.26 5.655a8.55 8.55 0 0 0 7.152 4.419a8.716 8.716 0 0 0 9.204-7.746c0-.355 0-.71.079-.895a9.2 9.2 0 0 0-.92-4.063a5.432 5.432 0 0 1 7.62-7.207a5.43 5.43 0 0 1 2.53 3.827a5.7 5.7 0 0 1-.789 3.616"/></svg>

Cómo usar el icono Vivaldi

React

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

<Icon icon="logos:vivaldi" width="24" />

Vue

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

<template>
  <Icon icon="logos:vivaldi" width="24" />
</template>

Svelte

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

<Icon icon="logos:vivaldi" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vivaldi]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vivaldi"></div>

Web component

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

<iconify-icon icon="logos:vivaldi"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/vivaldi.svg" alt="Icono Vivaldi" width="24" height="24">

Iconos relacionados en SVG Logos

El icono Vivaldi en otras colecciones

Preguntas frecuentes sobre Icono Vivaldi

¿El icono Vivaldi es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Vivaldi en React?

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

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

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

Ver todos los Iconos SVG Logos →