Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 | 2x | import * as React from 'react';
import { SVGProps } from 'react';
interface SVGRProps {
title?: string;
titleId?: string;
}
const SvgBlobbyIconHappy = ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => (
<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 200 128' aria-labelledby={titleId} {...props}>
{title ? <title id={titleId}>{title}</title> : null}
<g clipPath='url(#blobby-icon-happy_svg__a)'>
<path
fill='#E2F6EC'
fillRule='evenodd'
d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734'
clipRule='evenodd'
/>
<path
fill='url(#blobby-icon-happy_svg__b)'
fillOpacity={0.2}
fillRule='evenodd'
d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734'
clipRule='evenodd'
/>
<path
fill='url(#blobby-icon-happy_svg__c)'
d='M56.999 34.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z'
/>
<path
fill='url(#blobby-icon-happy_svg__d)'
d='M152.999 63.449h-.019c-2.75 0-4.982-3.33-5-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z'
/>
<path
fill='url(#blobby-icon-happy_svg__e)'
d='M84.999 92.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.11-2.239 7.434-4.98 7.449 2.741.015 4.962 3.34 4.98 7.449.018-4.119 2.25-7.449 5-7.449z'
/>
<mask
id='blobby-icon-happy_svg__g'
width={200}
height={128}
x={0}
y={0}
maskUnits='userSpaceOnUse'
style={{
maskType: 'alpha',
}}
>
<path
fill='#E2F6EC'
fillRule='evenodd'
d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734'
clipRule='evenodd'
/>
<path
fill='url(#blobby-icon-happy_svg__f)'
fillOpacity={0.2}
fillRule='evenodd'
d='M97.492 4.026c24.033-.76 45.335 14.966 53.284 37.66 8.572 24.47 4.488 52.73-16.101 68.491-22.132 16.943-53.93 19.23-75.615 1.718C39.75 96.3 45.34 68.141 53.67 44.76c7.4-20.77 21.784-40.036 43.822-40.734'
clipRule='evenodd'
/>
</mask>
<g mask='url(#blobby-icon-happy_svg__g)'>
<path
fill='url(#blobby-icon-happy_svg__h)'
d='M160.321 86.616 119.614 45.91 82.227 83.856l40.229 40.229z'
opacity={0.25}
/>
</g>
<path
fill='#EAF3DC'
d='M73.333 64c0-14.704 11.963-26.667 26.667-26.667S126.667 49.296 126.667 64 114.704 90.667 100 90.667 73.333 78.704 73.333 64'
/>
<path
fill='#2C8658'
d='M100 37.333c-14.704 0-26.667 11.963-26.667 26.667S85.296 90.667 100 90.667 126.667 78.704 126.667 64 114.704 37.333 100 37.333m0 4c12.542 0 22.667 10.125 22.667 22.667S112.542 86.667 100 86.667 77.333 76.542 77.333 64 87.458 41.333 100 41.333M92 54a3.333 3.333 0 1 0 0 6.667A3.333 3.333 0 0 0 92 54m16 0a3.333 3.333 0 1 0 0 6.666A3.333 3.333 0 0 0 108 54M89.031 69.313a2.001 2.001 0 0 0-1.588 3.257A15.96 15.96 0 0 0 100 78.667c5.076 0 9.631-2.379 12.557-6.097a2 2 0 0 0 .433-1.481 2.005 2.005 0 0 0-1.453-1.704 2 2 0 0 0-2.123.711 11.93 11.93 0 0 1-9.414 4.57c-3.83 0-7.22-1.781-9.414-4.57a2 2 0 0 0-1.555-.784'
/>
</g>
<defs>
<linearGradient
id='blobby-icon-happy_svg__b'
x1={133}
x2={49.23}
y1={114}
y2={31.784}
gradientUnits='userSpaceOnUse'
>
<stop stopColor='#F1F0EC' />
<stop offset={1} stopColor='#84D6AC' />
</linearGradient>
<linearGradient id='blobby-icon-happy_svg__c' x1={47} x2={57} y1={27} y2={42} gradientUnits='userSpaceOnUse'>
<stop stopColor='#2C8658' />
<stop offset={1} stopColor='#ACD278' />
</linearGradient>
<linearGradient id='blobby-icon-happy_svg__d' x1={143} x2={153} y1={56} y2={71} gradientUnits='userSpaceOnUse'>
<stop stopColor='#2C8658' />
<stop offset={1} stopColor='#ACD278' />
</linearGradient>
<linearGradient id='blobby-icon-happy_svg__e' x1={75} x2={85} y1={85} y2={100} gradientUnits='userSpaceOnUse'>
<stop stopColor='#2C8658' />
<stop offset={1} stopColor='#ACD278' />
</linearGradient>
<linearGradient
id='blobby-icon-happy_svg__f'
x1={133}
x2={49.23}
y1={114}
y2={31.784}
gradientUnits='userSpaceOnUse'
>
<stop stopColor='#F1F0EC' />
<stop offset={1} stopColor='#84D6AC' />
</linearGradient>
<linearGradient
id='blobby-icon-happy_svg__h'
x1={97.5}
x2={143.326}
y1={65.521}
y2={107.483}
gradientUnits='userSpaceOnUse'
>
<stop stopColor='#2C8658' />
<stop offset={1} stopColor='#ACD278' />
</linearGradient>
<clipPath id='blobby-icon-happy_svg__a'>
<path fill='#fff' d='M0 0h200v128H0z' />
</clipPath>
</defs>
</svg>
);
export default SvgBlobbyIconHappy;
|