opera logo
opera from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- opera
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the opera logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGmK8Khd4E" x1="50.003%" x2="50.003%" y1="1.63%" y2="98.545%"><stop offset="30%" stop-color="#ff1b2d"/><stop offset="43.81%" stop-color="#fa1a2c"/><stop offset="59.39%" stop-color="#ed1528"/><stop offset="75.81%" stop-color="#d60e21"/><stop offset="92.72%" stop-color="#b70519"/><stop offset="100%" stop-color="#a70014"/></linearGradient><linearGradient id="SVGlUa2Sbbv" x1="49.99%" x2="49.99%" y1=".853%" y2="99.519%"><stop offset="0%" stop-color="#9c0000"/><stop offset="70%" stop-color="#ff4b4b"/></linearGradient></defs><path fill="url(#SVGmK8Khd4E)" d="M85.9 200.1C71.7 183.4 62.6 158.7 62 131v-6c.6-27.7 9.8-52.4 23.9-69.1c18.4-23.8 45.4-34.5 75.9-34.5c18.8 0 36.5 1.3 51.5 11.3C190.8 12.4 161.1.1 128.5 0h-.5C57.3 0 0 57.3 0 128c0 68.6 54 124.7 121.9 127.9c2 .1 4.1.1 6.1.1c32.8 0 62.7-12.3 85.3-32.6c-15 10-31.7 10.4-50.5 10.4c-30.4.1-58.6-9.8-76.9-33.7"/><path fill="url(#SVGlUa2Sbbv)" d="M85.9 55.9c11.7-13.9 26.9-22.2 43.5-22.2c37.3 0 67.5 42.2 67.5 94.4s-30.2 94.4-67.5 94.4c-16.6 0-31.7-8.4-43.5-22.2c18.4 23.8 45.7 39 76.1 39c18.7 0 36.3-5.7 51.3-15.7C239.5 200 256 165.9 256 128s-16.5-72-42.7-95.4c-15-10-32.5-15.7-51.3-15.7c-30.5 0-57.8 15.1-76.1 39"/></svg>
React
import type { SVGProps } from "react";
export function LogosOpera(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="SVGmK8Khd4E" x1="50.003%" x2="50.003%" y1="1.63%" y2="98.545%"><stop offset="30%" stopColor="#ff1b2d"/><stop offset="43.81%" stopColor="#fa1a2c"/><stop offset="59.39%" stopColor="#ed1528"/><stop offset="75.81%" stopColor="#d60e21"/><stop offset="92.72%" stopColor="#b70519"/><stop offset="100%" stopColor="#a70014"/></linearGradient><linearGradient id="SVGlUa2Sbbv" x1="49.99%" x2="49.99%" y1=".853%" y2="99.519%"><stop offset="0%" stopColor="#9c0000"/><stop offset="70%" stopColor="#ff4b4b"/></linearGradient></defs><path fill="url(#SVGmK8Khd4E)" d="M85.9 200.1C71.7 183.4 62.6 158.7 62 131v-6c.6-27.7 9.8-52.4 23.9-69.1c18.4-23.8 45.4-34.5 75.9-34.5c18.8 0 36.5 1.3 51.5 11.3C190.8 12.4 161.1.1 128.5 0h-.5C57.3 0 0 57.3 0 128c0 68.6 54 124.7 121.9 127.9c2 .1 4.1.1 6.1.1c32.8 0 62.7-12.3 85.3-32.6c-15 10-31.7 10.4-50.5 10.4c-30.4.1-58.6-9.8-76.9-33.7"/><path fill="url(#SVGlUa2Sbbv)" d="M85.9 55.9c11.7-13.9 26.9-22.2 43.5-22.2c37.3 0 67.5 42.2 67.5 94.4s-30.2 94.4-67.5 94.4c-16.6 0-31.7-8.4-43.5-22.2c18.4 23.8 45.7 39 76.1 39c18.7 0 36.3-5.7 51.3-15.7C239.5 200 256 165.9 256 128s-16.5-72-42.7-95.4c-15-10-32.5-15.7-51.3-15.7c-30.5 0-57.8 15.1-76.1 39"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGmK8Khd4E" x1="50.003%" x2="50.003%" y1="1.63%" y2="98.545%"><stop offset="30%" stop-color="#ff1b2d"/><stop offset="43.81%" stop-color="#fa1a2c"/><stop offset="59.39%" stop-color="#ed1528"/><stop offset="75.81%" stop-color="#d60e21"/><stop offset="92.72%" stop-color="#b70519"/><stop offset="100%" stop-color="#a70014"/></linearGradient><linearGradient id="SVGlUa2Sbbv" x1="49.99%" x2="49.99%" y1=".853%" y2="99.519%"><stop offset="0%" stop-color="#9c0000"/><stop offset="70%" stop-color="#ff4b4b"/></linearGradient></defs><path fill="url(#SVGmK8Khd4E)" d="M85.9 200.1C71.7 183.4 62.6 158.7 62 131v-6c.6-27.7 9.8-52.4 23.9-69.1c18.4-23.8 45.4-34.5 75.9-34.5c18.8 0 36.5 1.3 51.5 11.3C190.8 12.4 161.1.1 128.5 0h-.5C57.3 0 0 57.3 0 128c0 68.6 54 124.7 121.9 127.9c2 .1 4.1.1 6.1.1c32.8 0 62.7-12.3 85.3-32.6c-15 10-31.7 10.4-50.5 10.4c-30.4.1-58.6-9.8-76.9-33.7"/><path fill="url(#SVGlUa2Sbbv)" d="M85.9 55.9c11.7-13.9 26.9-22.2 43.5-22.2c37.3 0 67.5 42.2 67.5 94.4s-30.2 94.4-67.5 94.4c-16.6 0-31.7-8.4-43.5-22.2c18.4 23.8 45.7 39 76.1 39c18.7 0 36.3-5.7 51.3-15.7C239.5 200 256 165.9 256 128s-16.5-72-42.7-95.4c-15-10-32.5-15.7-51.3-15.7c-30.5 0-57.8 15.1-76.1 39"/></svg> </template>
CSS
.icon-opera {
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%22SVGmK8Khd4E%22%20x1%3D%2250.003%25%22%20x2%3D%2250.003%25%22%20y1%3D%221.63%25%22%20y2%3D%2298.545%25%22%3E%3Cstop%20offset%3D%2230%25%22%20stop-color%3D%22%23ff1b2d%22%2F%3E%3Cstop%20offset%3D%2243.81%25%22%20stop-color%3D%22%23fa1a2c%22%2F%3E%3Cstop%20offset%3D%2259.39%25%22%20stop-color%3D%22%23ed1528%22%2F%3E%3Cstop%20offset%3D%2275.81%25%22%20stop-color%3D%22%23d60e21%22%2F%3E%3Cstop%20offset%3D%2292.72%25%22%20stop-color%3D%22%23b70519%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23a70014%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGlUa2Sbbv%22%20x1%3D%2249.99%25%22%20x2%3D%2249.99%25%22%20y1%3D%22.853%25%22%20y2%3D%2299.519%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%239c0000%22%2F%3E%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%23ff4b4b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGmK8Khd4E)%22%20d%3D%22M85.9%20200.1C71.7%20183.4%2062.6%20158.7%2062%20131v-6c.6-27.7%209.8-52.4%2023.9-69.1c18.4-23.8%2045.4-34.5%2075.9-34.5c18.8%200%2036.5%201.3%2051.5%2011.3C190.8%2012.4%20161.1.1%20128.5%200h-.5C57.3%200%200%2057.3%200%20128c0%2068.6%2054%20124.7%20121.9%20127.9c2%20.1%204.1.1%206.1.1c32.8%200%2062.7-12.3%2085.3-32.6c-15%2010-31.7%2010.4-50.5%2010.4c-30.4.1-58.6-9.8-76.9-33.7%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlUa2Sbbv)%22%20d%3D%22M85.9%2055.9c11.7-13.9%2026.9-22.2%2043.5-22.2c37.3%200%2067.5%2042.2%2067.5%2094.4s-30.2%2094.4-67.5%2094.4c-16.6%200-31.7-8.4-43.5-22.2c18.4%2023.8%2045.7%2039%2076.1%2039c18.7%200%2036.3-5.7%2051.3-15.7C239.5%20200%20256%20165.9%20256%20128s-16.5-72-42.7-95.4c-15-10-32.5-15.7-51.3-15.7c-30.5%200-57.8%2015.1-76.1%2039%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%22SVGmK8Khd4E%22%20x1%3D%2250.003%25%22%20x2%3D%2250.003%25%22%20y1%3D%221.63%25%22%20y2%3D%2298.545%25%22%3E%3Cstop%20offset%3D%2230%25%22%20stop-color%3D%22%23ff1b2d%22%2F%3E%3Cstop%20offset%3D%2243.81%25%22%20stop-color%3D%22%23fa1a2c%22%2F%3E%3Cstop%20offset%3D%2259.39%25%22%20stop-color%3D%22%23ed1528%22%2F%3E%3Cstop%20offset%3D%2275.81%25%22%20stop-color%3D%22%23d60e21%22%2F%3E%3Cstop%20offset%3D%2292.72%25%22%20stop-color%3D%22%23b70519%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23a70014%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGlUa2Sbbv%22%20x1%3D%2249.99%25%22%20x2%3D%2249.99%25%22%20y1%3D%22.853%25%22%20y2%3D%2299.519%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%239c0000%22%2F%3E%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%23ff4b4b%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGmK8Khd4E)%22%20d%3D%22M85.9%20200.1C71.7%20183.4%2062.6%20158.7%2062%20131v-6c.6-27.7%209.8-52.4%2023.9-69.1c18.4-23.8%2045.4-34.5%2075.9-34.5c18.8%200%2036.5%201.3%2051.5%2011.3C190.8%2012.4%20161.1.1%20128.5%200h-.5C57.3%200%200%2057.3%200%20128c0%2068.6%2054%20124.7%20121.9%20127.9c2%20.1%204.1.1%206.1.1c32.8%200%2062.7-12.3%2085.3-32.6c-15%2010-31.7%2010.4-50.5%2010.4c-30.4.1-58.6-9.8-76.9-33.7%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGlUa2Sbbv)%22%20d%3D%22M85.9%2055.9c11.7-13.9%2026.9-22.2%2043.5-22.2c37.3%200%2067.5%2042.2%2067.5%2094.4s-30.2%2094.4-67.5%2094.4c-16.6%200-31.7-8.4-43.5-22.2c18.4%2023.8%2045.7%2039%2076.1%2039c18.7%200%2036.3-5.7%2051.3-15.7C239.5%20200%20256%20165.9%20256%20128s-16.5-72-42.7-95.4c-15-10-32.5-15.7-51.3-15.7c-30.5%200-57.8%2015.1-76.1%2039%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/opera.svg?color=%231a73e8&size=48
