vivaldi logo

vivaldi from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
vivaldi
Set
SVG Logos
Style
Color
Viewbox
512×88
License
CC0

The same logo in other sets

vivaldiSimple Icons

Related icons in SVG Logos

vivaldi-icon

Use the vivaldi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosVivaldi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 88"><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="#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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-vivaldi {
  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%20512%2088%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%23333%22%20d%3D%22M512%2018.156v58.1h-14.525v-58.1zm-63.306%200a28.7%2028.7%200%200%201%2020.37%208.508a29.17%2029.17%200%200%201%208.44%2020.542a29.17%2029.17%200%200%201-8.44%2020.541a28.7%2028.7%200%200%201-20.37%208.508h-20.212V18.156Zm-63.786%200v45.39h25.418v12.71h-39.943v-58.1zm-61.683%200l29.002%2058.1H338.29l-4.241-8.896h-21.743l-4.242%208.895h-13.936zm-72.733%200l12.765%2028.72l12.764-28.72h14.475l-27.24%2058.1l-27.228-58.1zm-32.62%200v58.1h-14.524v-58.1zm-72.674%200l12.765%2028.72l12.765-28.72h14.463l-27.228%2058.1l-27.24-58.1zm303.496%2011.948h-7.223v34.204h7.223c9.702%200%2016.264-7.766%2016.264-17.102s-6.598-17.102-16.264-17.102m-125.47%2014.75l-5.56%2011.977h11.121z%22%2F%3E%3Cpath%20fill%3D%22%23ef3939%22%20d%3D%22M43.574%2087.149c19.095%200%2029.706%200%2036.64-6.935s6.935-17.545%206.935-36.64s0-29.706-6.935-36.64S62.67%200%2043.574%200S13.855%200%206.934%206.934S0%2024.479%200%2043.574s0%2029.706%206.934%2036.64s17.545%206.935%2036.64%206.935%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcEMoNdBf)%22%20d%3D%22M71.905%2027.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%201.528-11.765%203.694s-6.677%204.819-9.305%208.269s-4.375%206.876-5.466%2011.074c-1.09%204.197-1.485%208.848-.867%2013.14c.617%204.294%201.367%208.379%203.596%2012.1l.184.314l15.35%2026.61q3.822.104%208.273.092h4.36a205%20205%200%200%200%2020.865-.617c6.946-.762%2011.935-2.468%2015.756-6.315c5.62-5.618%206.684-13.652%206.881-26.649z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M66.658%2020.454a32.67%2032.67%200%200%200-35.602-7.07a32.67%2032.67%200%200%200-20.162%2030.19a32.69%2032.69%200%200%200%2020.162%2030.19a32.665%2032.665%200%200%200%2035.602-7.07a32.64%2032.64%200%200%200%209.597-23.12a32.65%2032.65%200%200%200-9.597-23.12M64.699%2035.5A98851%2098851%200%200%200%2048.54%2063.63a5.4%205.4%200%200%201-4.444%202.933a5.13%205.13%200%200%201-5.114-2.723c-3.406-5.865-6.785-11.77-10.164-17.662a2147%202147%200%200%201-6.18-10.757a5.432%205.432%200%200%201%204.419-8.233a5.26%205.26%200%200%201%204.983%202.814c1.525%202.63%203.024%205.26%204.523%207.891c1.09%201.894%202.142%203.787%203.26%205.655a8.55%208.55%200%200%200%207.152%204.419a8.716%208.716%200%200%200%209.204-7.746c0-.355%200-.71.079-.895a9.2%209.2%200%200%200-.92-4.063a5.432%205.432%200%200%201%207.62-7.207a5.43%205.43%200%200%201%202.53%203.827a5.7%205.7%200%200%201-.789%203.616%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%20512%2088%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%23333%22%20d%3D%22M512%2018.156v58.1h-14.525v-58.1zm-63.306%200a28.7%2028.7%200%200%201%2020.37%208.508a29.17%2029.17%200%200%201%208.44%2020.542a29.17%2029.17%200%200%201-8.44%2020.541a28.7%2028.7%200%200%201-20.37%208.508h-20.212V18.156Zm-63.786%200v45.39h25.418v12.71h-39.943v-58.1zm-61.683%200l29.002%2058.1H338.29l-4.241-8.896h-21.743l-4.242%208.895h-13.936zm-72.733%200l12.765%2028.72l12.764-28.72h14.475l-27.24%2058.1l-27.228-58.1zm-32.62%200v58.1h-14.524v-58.1zm-72.674%200l12.765%2028.72l12.765-28.72h14.463l-27.228%2058.1l-27.24-58.1zm303.496%2011.948h-7.223v34.204h7.223c9.702%200%2016.264-7.766%2016.264-17.102s-6.598-17.102-16.264-17.102m-125.47%2014.75l-5.56%2011.977h11.121z%22%2F%3E%3Cpath%20fill%3D%22%23ef3939%22%20d%3D%22M43.574%2087.149c19.095%200%2029.706%200%2036.64-6.935s6.935-17.545%206.935-36.64s0-29.706-6.935-36.64S62.67%200%2043.574%200S13.855%200%206.934%206.934S0%2024.479%200%2043.574s0%2029.706%206.934%2036.64s17.545%206.935%2036.64%206.935%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcEMoNdBf)%22%20d%3D%22M71.905%2027.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%201.528-11.765%203.694s-6.677%204.819-9.305%208.269s-4.375%206.876-5.466%2011.074c-1.09%204.197-1.485%208.848-.867%2013.14c.617%204.294%201.367%208.379%203.596%2012.1l.184.314l15.35%2026.61q3.822.104%208.273.092h4.36a205%20205%200%200%200%2020.865-.617c6.946-.762%2011.935-2.468%2015.756-6.315c5.62-5.618%206.684-13.652%206.881-26.649z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M66.658%2020.454a32.67%2032.67%200%200%200-35.602-7.07a32.67%2032.67%200%200%200-20.162%2030.19a32.69%2032.69%200%200%200%2020.162%2030.19a32.665%2032.665%200%200%200%2035.602-7.07a32.64%2032.64%200%200%200%209.597-23.12a32.65%2032.65%200%200%200-9.597-23.12M64.699%2035.5A98851%2098851%200%200%200%2048.54%2063.63a5.4%205.4%200%200%201-4.444%202.933a5.13%205.13%200%200%201-5.114-2.723c-3.406-5.865-6.785-11.77-10.164-17.662a2147%202147%200%200%201-6.18-10.757a5.432%205.432%200%200%201%204.419-8.233a5.26%205.26%200%200%201%204.983%202.814c1.525%202.63%203.024%205.26%204.523%207.891c1.09%201.894%202.142%203.787%203.26%205.655a8.55%208.55%200%200%200%207.152%204.419a8.716%208.716%200%200%200%209.204-7.746c0-.355%200-.71.079-.895a9.2%209.2%200%200%200-.92-4.063a5.432%205.432%200%200%201%207.62-7.207a5.43%205.43%200%200%201%202.53%203.827a5.7%205.7%200%200%201-.789%203.616%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/vivaldi.svg?color=%231a73e8&size=48