vivaldi icon logo
vivaldi-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- vivaldi-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the vivaldi icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosVivaldiIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGcEMoNdBf" x1="20.985%" x2="75.846%" y1="5.132%" y2="100.366%"><stop offset="0%" stopOpacity=".2"/><stop offset="79%" stopOpacity=".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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-vivaldi-icon {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGcEMoNdBf%22%20x1%3D%2220.985%25%22%20x2%3D%2275.846%25%22%20y1%3D%225.132%25%22%20y2%3D%22100.366%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%2279%25%22%20stop-opacity%3D%22.05%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ef3939%22%20d%3D%22M127.999%20255.999c56.092%200%2087.262%200%20107.63-20.37C256%20215.262%20256%20184.092%20256%20128c0-56.09%200-87.261-20.37-107.63C215.262%200%20184.092%200%20128%200C71.91%200%2040.7%200%2020.37%2020.369S0%2071.909%200%20127.999c0%2056.092%200%2087.262%2020.369%20107.63C40.738%20256%2071.909%20256%20127.999%20256%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcEMoNdBf)%22%20d%3D%22M211.221%2080.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%204.488-34.56%2010.851C69.232%2051.904%2060.658%2059.695%2052.936%2069.83c-7.72%2010.135-12.851%2020.199-16.054%2032.53s-4.363%2025.992-2.549%2038.601c1.814%2012.61%204.017%2024.61%2010.566%2035.54l.54.924l45.09%2078.166q11.226.309%2024.302.27h12.805c20.448.44%2040.906-.165%2061.292-1.812c20.404-2.237%2035.061-7.25%2046.286-18.548c16.509-16.506%2019.634-40.106%2020.212-78.283z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M195.808%2060.085A95.95%2095.95%200%200%200%2091.226%2039.316a96%2096%200%200%200-43.058%2035.358a96.02%2096.02%200%200%200%200%20106.65a96%2096%200%200%200%2043.058%2035.359a95.95%2095.95%200%200%200%20104.582-20.77a95.91%2095.91%200%200%200%2020.863-104.682a95.9%2095.9%200%200%200-20.863-31.146m-5.755%2044.195a290355%20290355%200%200%200-47.466%2082.633a15.87%2015.87%200%200%201-13.054%208.614a15.06%2015.06%200%200%201-15.024-7.996c-10.003-17.23-19.93-34.575-29.855-51.883a6307%206307%200%200%201-18.152-31.6a15.958%2015.958%200%200%201%2012.977-24.184a15.45%2015.45%200%200%201%2014.637%208.268c4.48%207.726%208.883%2015.452%2013.287%2023.179c3.205%205.563%206.294%2011.125%209.577%2016.611a25.1%2025.1%200%200%200%208.8%209.253a25.1%2025.1%200%200%200%2012.21%203.727a25.604%2025.604%200%200%200%2027.036-22.754c0-1.043%200-2.086.232-2.627a27.05%2027.05%200%200%200-2.703-11.937a15.956%2015.956%200%200%201%2015.864-23.422a15.95%2015.95%200%200%201%2011.48%207.05a16%2016%200%200%201%202.471%206.444c.435%203.7-.38%207.44-2.317%2010.624%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGcEMoNdBf%22%20x1%3D%2220.985%25%22%20x2%3D%2275.846%25%22%20y1%3D%225.132%25%22%20y2%3D%22100.366%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-opacity%3D%22.2%22%2F%3E%3Cstop%20offset%3D%2279%25%22%20stop-opacity%3D%22.05%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23ef3939%22%20d%3D%22M127.999%20255.999c56.092%200%2087.262%200%20107.63-20.37C256%20215.262%20256%20184.092%20256%20128c0-56.09%200-87.261-20.37-107.63C215.262%200%20184.092%200%20128%200C71.91%200%2040.7%200%2020.37%2020.369S0%2071.909%200%20127.999c0%2056.092%200%2087.262%2020.369%20107.63C40.738%20256%2071.909%20256%20127.999%20256%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcEMoNdBf)%22%20d%3D%22M211.221%2080.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%204.488-34.56%2010.851C69.232%2051.904%2060.658%2059.695%2052.936%2069.83c-7.72%2010.135-12.851%2020.199-16.054%2032.53s-4.363%2025.992-2.549%2038.601c1.814%2012.61%204.017%2024.61%2010.566%2035.54l.54.924l45.09%2078.166q11.226.309%2024.302.27h12.805c20.448.44%2040.906-.165%2061.292-1.812c20.404-2.237%2035.061-7.25%2046.286-18.548c16.509-16.506%2019.634-40.106%2020.212-78.283z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M195.808%2060.085A95.95%2095.95%200%200%200%2091.226%2039.316a96%2096%200%200%200-43.058%2035.358a96.02%2096.02%200%200%200%200%20106.65a96%2096%200%200%200%2043.058%2035.359a95.95%2095.95%200%200%200%20104.582-20.77a95.91%2095.91%200%200%200%2020.863-104.682a95.9%2095.9%200%200%200-20.863-31.146m-5.755%2044.195a290355%20290355%200%200%200-47.466%2082.633a15.87%2015.87%200%200%201-13.054%208.614a15.06%2015.06%200%200%201-15.024-7.996c-10.003-17.23-19.93-34.575-29.855-51.883a6307%206307%200%200%201-18.152-31.6a15.958%2015.958%200%200%201%2012.977-24.184a15.45%2015.45%200%200%201%2014.637%208.268c4.48%207.726%208.883%2015.452%2013.287%2023.179c3.205%205.563%206.294%2011.125%209.577%2016.611a25.1%2025.1%200%200%200%208.8%209.253a25.1%2025.1%200%200%200%2012.21%203.727a25.604%2025.604%200%200%200%2027.036-22.754c0-1.043%200-2.086.232-2.627a27.05%2027.05%200%200%200-2.703-11.937a15.956%2015.956%200%200%201%2015.864-23.422a15.95%2015.95%200%200%201%2011.48%207.05a16%2016%200%200%201%202.471%206.444c.435%203.7-.38%207.44-2.317%2010.624%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/vivaldi-icon.svg?color=%231a73e8&size=48
