|
import React from 'react'; |
|
|
|
export default function BingIcon() { |
|
return ( |
|
<svg width={32} height={32} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> |
|
<defs> |
|
<linearGradient id="a" x1={22} x2={22} y1={2} y2={38} gradientUnits="userSpaceOnUse"> |
|
<stop stopColor="#F9F9F9" /> |
|
<stop |
|
offset={1} |
|
stopColor="#EDF0F9" |
|
style={{ |
|
stopColor: '#000', |
|
stopOpacity: 1, |
|
}} |
|
/> |
|
</linearGradient> |
|
<linearGradient |
|
id="b" |
|
x1={4.137} |
|
x2={44.564} |
|
y1={44.75} |
|
y2={38.792} |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop offset={0.108} stopColor="#1D6CF2" /> |
|
<stop offset={0.871} stopColor="#1B4AEF" /> |
|
</linearGradient> |
|
<linearGradient |
|
id="g" |
|
x1={21.172} |
|
x2={30.46} |
|
y1={18.646} |
|
y2={23.99} |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#37BDFF" /> |
|
<stop offset={0.183} stopColor="#33BFFD" /> |
|
<stop offset={0.358} stopColor="#28C5F5" /> |
|
<stop offset={0.528} stopColor="#15D0E9" /> |
|
<stop offset={0.547} stopColor="#12D1E7" /> |
|
<stop offset={0.59} stopColor="#1CD2E5" /> |
|
<stop offset={0.768} stopColor="#42D8DC" /> |
|
<stop offset={0.911} stopColor="#59DBD6" /> |
|
<stop offset={1} stopColor="#62DCD4" /> |
|
</linearGradient> |
|
<linearGradient |
|
id="h" |
|
x1={15.739} |
|
x2={29.233} |
|
y1={26.703} |
|
y2={26.703} |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#39D2FF" /> |
|
<stop offset={0.15} stopColor="#38CEFE" /> |
|
<stop offset={0.293} stopColor="#35C3FA" /> |
|
<stop offset={0.433} stopColor="#2FB0F3" /> |
|
<stop offset={0.547} stopColor="#299AEB" /> |
|
<stop offset={0.583} stopColor="#2692EC" /> |
|
<stop offset={0.763} stopColor="#1A6CF1" /> |
|
<stop offset={0.909} stopColor="#1355F4" /> |
|
<stop offset={1} stopColor="#104CF5" /> |
|
</linearGradient> |
|
<linearGradient |
|
id="i" |
|
x1={18.23} |
|
x2={18.23} |
|
y1={27.894} |
|
y2={9.79} |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#1B48EF" /> |
|
<stop offset={0.122} stopColor="#1C51F0" /> |
|
<stop offset={0.321} stopColor="#1E69F5" /> |
|
<stop offset={0.568} stopColor="#2190FB" /> |
|
<stop offset={1} stopColor="#26B8F4" /> |
|
</linearGradient> |
|
<linearGradient |
|
id="j" |
|
x1={18.421} |
|
x2={26.776} |
|
y1={30.045} |
|
y2={21.718} |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#fff" /> |
|
<stop offset={0.373} stopColor="#FDFDFD" /> |
|
<stop offset={0.507} stopColor="#F6F6F6" /> |
|
<stop offset={0.603} stopColor="#EBEBEB" /> |
|
<stop offset={0.68} stopColor="#DADADA" /> |
|
<stop offset={0.746} stopColor="#C4C4C4" /> |
|
<stop offset={0.805} stopColor="#A8A8A8" /> |
|
<stop offset={0.858} stopColor="#888" /> |
|
<stop offset={0.907} stopColor="#626262" /> |
|
<stop offset={0.952} stopColor="#373737" /> |
|
<stop offset={0.993} stopColor="#090909" /> |
|
<stop offset={1} /> |
|
</linearGradient> |
|
<linearGradient |
|
id="k" |
|
x1={18.23} |
|
x2={18.23} |
|
y1={9.469} |
|
y2={27.707} |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#fff" /> |
|
<stop offset={0.373} stopColor="#FDFDFD" /> |
|
<stop offset={0.507} stopColor="#F6F6F6" /> |
|
<stop offset={0.603} stopColor="#EBEBEB" /> |
|
<stop offset={0.68} stopColor="#DADADA" /> |
|
<stop offset={0.746} stopColor="#C4C4C4" /> |
|
<stop offset={0.805} stopColor="#A8A8A8" /> |
|
<stop offset={0.858} stopColor="#888" /> |
|
<stop offset={0.907} stopColor="#626262" /> |
|
<stop offset={0.952} stopColor="#373737" /> |
|
<stop offset={0.993} stopColor="#090909" /> |
|
<stop offset={1} /> |
|
</linearGradient> |
|
<radialGradient |
|
id="c" |
|
cx={0} |
|
cy={0} |
|
r={1} |
|
gradientTransform="rotate(14.036 -132.013 71.177) scale(31.8068)" |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#0B31A3" /> |
|
<stop offset={1} stopColor="#39A0ED" /> |
|
</radialGradient> |
|
<radialGradient |
|
id="d" |
|
cx={0} |
|
cy={0} |
|
r={1} |
|
gradientTransform="rotate(-140.774 10.754 4.54) scale(20.3315)" |
|
gradientUnits="userSpaceOnUse" |
|
> |
|
<stop stopColor="#00FFF3" stopOpacity={0.77} /> |
|
<stop offset={0.423} stopColor="#00FFF3" stopOpacity={0.72} /> |
|
<stop offset={1} stopColor="#5BDCD6" stopOpacity={0} /> |
|
</radialGradient> |
|
<clipPath id="e"> |
|
<path fill="#fff" d="M11.2 9.2h21.6v21.6H11.2Z" /> |
|
</clipPath> |
|
<filter |
|
id="f" |
|
width={21.6} |
|
height={24.3} |
|
x={11.2} |
|
y={9.2} |
|
colorInterpolationFilters="sRGB" |
|
filterUnits="userSpaceOnUse" |
|
> |
|
<feFlood floodOpacity={0} result="BackgroundImageFix" /> |
|
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> |
|
<feColorMatrix |
|
in="SourceAlpha" |
|
result="hardAlpha" |
|
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" |
|
/> |
|
<feOffset dy={2.7} /> |
|
<feGaussianBlur stdDeviation={4.388} /> |
|
<feComposite in2="hardAlpha" k2={-1} k3={1} operator="arithmetic" /> |
|
<feColorMatrix values="0 0 0 0 0.81875 0 0 0 0 0.824081 0 0 0 0 1 0 0 0 0.37 0" /> |
|
<feBlend in2="shape" result="effect1_innerShadow_1360_20280" /> |
|
</filter> |
|
</defs> |
|
<path |
|
fill="url(#a)" |
|
d="M16 .005C24.836.005 32 7.166 32 16s-7.164 15.996-16 15.996c-1.779 0-3.516-.292-5.158-.85-1.509-.513-3.127-.754-4.669-.353l-4.468 1.163a1.36 1.36 0 0 1-1.66-1.659l1.162-4.46c.402-1.543.16-3.163-.355-4.673A15.982 15.98 0 0 1 0 16C0 7.166 7.164.005 16 .005Z" |
|
style={{ |
|
display: 'inline', |
|
fill: '#000', |
|
fillOpacity: 0.849858, |
|
strokeWidth: 0.888825, |
|
}} |
|
/> |
|
<g strokeWidth={1.5}> |
|
<path |
|
stroke="url(#b)" |
|
d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z" |
|
style={{ |
|
display: 'inline', |
|
fill: 'none', |
|
stroke: 'url(#b)', |
|
}} |
|
transform="matrix(.88887 0 0 .88875 -3.556 -1.773)" |
|
/> |
|
<path |
|
stroke="url(#c)" |
|
strokeOpacity={0.6} |
|
d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z" |
|
style={{ |
|
display: 'inline', |
|
fill: 'none', |
|
stroke: 'url(#c)', |
|
}} |
|
transform="matrix(.88887 0 0 .88875 -3.556 -1.773)" |
|
/> |
|
<path |
|
stroke="url(#d)" |
|
strokeOpacity={0.8} |
|
d="M5.729 37.224a.78.78 0 0 1-.951-.951l1.306-5.018c.503-1.932.19-3.915-.415-5.69a17.23 17.23 0 0 1-.919-5.568C4.75 10.472 12.473 2.75 22 2.75c9.527 0 17.25 7.722 17.25 17.247 0 9.526-7.723 17.248-17.25 17.248-1.919 0-3.792-.314-5.561-.916-1.774-.604-3.754-.915-5.683-.413z" |
|
style={{ |
|
display: 'inline', |
|
fill: 'none', |
|
stroke: 'url(#d)', |
|
}} |
|
transform="matrix(.88887 0 0 .88875 -3.556 -1.773)" |
|
/> |
|
</g> |
|
<g |
|
clipPath="url(#e)" |
|
filter="url(#f)" |
|
transform="matrix(.88889 0 0 .88876 -3.555 -1.773)" |
|
style={{ |
|
fill: 'none', |
|
}} |
|
> |
|
<path |
|
fill="url(#g)" |
|
d="M30.1 23.08a5.706 5.706 0 0 1-1.529 3.9 2.582 2.582 0 0 0 .562-1.009c.01-.037.02-.074.028-.112a.244.244 0 0 0 .004-.013c.01-.037.016-.074.023-.111.007-.039.015-.078.02-.116v-.003a2.48 2.48 0 0 0 .026-.364 2.563 2.563 0 0 0-.786-1.856 2.55 2.55 0 0 0-1.143-.643l-.006-.001-.046-.016-.665-.23-1.74-.6c-.006-.002-.013-.002-.017-.004l-.109-.04a1.616 1.616 0 0 1-.82-.723l-.636-1.626-.727-1.862-.14-.359-.036-.073a.826.826 0 0 1-.061-.314c0-.028 0-.057.003-.083a.814.814 0 0 1 1.123-.666l3.242 1.668.64.328c.338.202.654.44.942.708a5.715 5.715 0 0 1 1.847 4.22z" |
|
style={{ |
|
display: 'inline', |
|
fill: 'url(#g)', |
|
}} |
|
/> |
|
<path |
|
fill="url(#h)" |
|
d="M29.233 25.252c0 .166-.016.326-.045.483a2.747 2.747 0 0 1-.13.452c-.014.037-.03.073-.045.11a2.61 2.61 0 0 1-.443.683c-.472.525-2.076 1.46-2.668 1.84l-1.313.805c-.961.594-1.87 1.015-3.017 1.044l-.16.003a5.71 5.71 0 0 1-4.83-2.67 5.666 5.666 0 0 1-.843-2.387 2.53 2.53 0 0 0 3.703 1.783l.129-.078.522-.31.666-.394v-.019l.085-.051 5.952-3.538.458-.272.045.015.006.002a2.55 2.55 0 0 1 1.389.917 2.577 2.577 0 0 1 .54 1.582z" |
|
style={{ |
|
display: 'inline', |
|
fill: 'url(#h)', |
|
}} |
|
/> |
|
<path |
|
fill="url(#i)" |
|
d="m20.76 13.446-.002 13.17-.665.395-.523.309-.129.078-.008.004a2.528 2.528 0 0 1-3.734-2.263V10.318a.849.849 0 0 1 1.32-.705l2.59 1.697c.013.012.029.022.045.032a2.543 2.543 0 0 1 1.106 2.104z" |
|
style={{ |
|
display: 'inline', |
|
fill: 'url(#i)', |
|
}} |
|
/> |
|
<path |
|
fill="url(#j)" |
|
d="M29.233 25.252c0 .166-.016.326-.045.483a2.747 2.747 0 0 1-.13.452c-.014.037-.03.073-.045.11a2.587 2.587 0 0 1-.443.683c-.472.525-2.076 1.46-2.668 1.84l-1.313.805c-.961.594-1.87 1.015-3.017 1.044l-.16.003a5.71 5.71 0 0 1-4.83-2.67 5.666 5.666 0 0 1-.843-2.387 2.53 2.53 0 0 0 3.703 1.783l.129-.078.522-.31.666-.394v-.019l.085-.051 5.952-3.538.458-.272.045.015.006.002a2.55 2.55 0 0 1 1.389.917 2.577 2.577 0 0 1 .54 1.582z" |
|
opacity={0.15} |
|
style={{ |
|
display: 'inline', |
|
fill: 'url(#j)', |
|
}} |
|
/> |
|
<path |
|
fill="url(#k)" |
|
d="m20.76 13.446-.002 13.17-.665.395-.523.309-.129.078-.008.004a2.528 2.528 0 0 1-3.734-2.263V10.318a.849.849 0 0 1 1.32-.705l2.59 1.697c.013.012.029.022.045.032a2.543 2.543 0 0 1 1.106 2.104z" |
|
opacity={0.1} |
|
style={{ |
|
display: 'inline', |
|
fill: 'url(#k)', |
|
}} |
|
/> |
|
</g> |
|
</svg> |
|
); |
|
} |
|
|