Vivaldi Icon icon
logos:vivaldi-icon
The Vivaldi Icon icon (logos:vivaldi-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- vivaldiicon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><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="#ef3939" d="M127.999 255.999c56.092 0 87.262 0 107.63-20.37C256 215.262 256 184.092 256 128c0-56.09 0-87.261-20.37-107.63C215.262 0 184.092 0 128 0C71.91 0 40.7 0 20.37 20.369S0 71.909 0 127.999c0 56.092 0 87.262 20.369 107.63C40.738 256 71.909 256 127.999 256"/><path fill="url(#SVGcEMoNdBf)" d="M211.221 80.633c-6.179-11.141-16.808-20.264-26.815-28.152s-19.83-12.64-32.108-16.048c-12.279-3.408-24.827-3.345-37.468-1.743s-23.52 4.488-34.56 10.851C69.232 51.904 60.658 59.695 52.936 69.83c-7.72 10.135-12.851 20.199-16.054 32.53s-4.363 25.992-2.549 38.601c1.814 12.61 4.017 24.61 10.566 35.54l.54.924l45.09 78.166q11.226.309 24.302.27h12.805c20.448.44 40.906-.165 61.292-1.812c20.404-2.237 35.061-7.25 46.286-18.548c16.509-16.506 19.634-40.106 20.212-78.283z"/><path fill="#fff" d="M195.808 60.085A95.95 95.95 0 0 0 91.226 39.316a96 96 0 0 0-43.058 35.358a96.02 96.02 0 0 0 0 106.65a96 96 0 0 0 43.058 35.359a95.95 95.95 0 0 0 104.582-20.77a95.91 95.91 0 0 0 20.863-104.682a95.9 95.9 0 0 0-20.863-31.146m-5.755 44.195a290355 290355 0 0 0-47.466 82.633a15.87 15.87 0 0 1-13.054 8.614a15.06 15.06 0 0 1-15.024-7.996c-10.003-17.23-19.93-34.575-29.855-51.883a6307 6307 0 0 1-18.152-31.6a15.958 15.958 0 0 1 12.977-24.184a15.45 15.45 0 0 1 14.637 8.268c4.48 7.726 8.883 15.452 13.287 23.179c3.205 5.563 6.294 11.125 9.577 16.611a25.1 25.1 0 0 0 8.8 9.253a25.1 25.1 0 0 0 12.21 3.727a25.604 25.604 0 0 0 27.036-22.754c0-1.043 0-2.086.232-2.627a27.05 27.05 0 0 0-2.703-11.937a15.956 15.956 0 0 1 15.864-23.422a15.95 15.95 0 0 1 11.48 7.05a16 16 0 0 1 2.471 6.444c.435 3.7-.38 7.44-2.317 10.624"/></svg>How to use the Vivaldi Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:vivaldi-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:vivaldi-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:vivaldi-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--vivaldi-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:vivaldi-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:vivaldi-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/vivaldi-icon.svg" alt="Vivaldi Icon icon" width="24" height="24">Related icons in SVG Logos
Vivaldi Icon icon FAQ
Is the Vivaldi Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Vivaldi Icon icon in React?
Install @iconify/react and render <Icon icon="logos:vivaldi-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vivaldi Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/vivaldi-icon.svg" alt="Vivaldi Icon icon">, or paste the SVG code inline to style it with CSS.