All files / src/components/svg BlobbyIconPeople.tsx

50% Statements 1/2
0% Branches 0/2
0% Functions 0/1
50% Lines 1/2

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 SvgBlobbyIconPeople = ({ 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-people_svg__a)'>
      <path
        fill='#E2F6EC'
        fillRule='evenodd'
        d='M96.667 4.039c26.67-1.026 50.485 18.385 57.399 44.164 6.047 22.546-11.922 41.533-30.693 55.408-19.462 14.387-44.342 28.69-64.028 14.611-19.947-14.266-15.548-42.761-7.93-66.071 7.563-23.136 20.93-47.177 45.252-48.112'
        clipRule='evenodd'
      />
      <path
        fill='url(#blobby-icon-people_svg__b)'
        fillOpacity={0.2}
        fillRule='evenodd'
        d='M96.667 4.039c26.67-1.026 50.485 18.385 57.399 44.164 6.047 22.546-11.922 41.533-30.693 55.408-19.462 14.387-44.342 28.69-64.028 14.611-19.947-14.266-15.548-42.761-7.93-66.071 7.563-23.136 20.93-47.177 45.252-48.112'
        clipRule='evenodd'
      />
      <path
        fill='url(#blobby-icon-people_svg__c)'
        d='M144.999 66.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-people_svg__d)'
        d='M70.999 23.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-people_svg__e)'
        d='M64.999 103.449h-.02c-2.75 0-4.98-3.33-4.999-7.449-.018 4.109-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-people_svg__g'
        width={200}
        height={128}
        x={0}
        y={0}
        maskUnits='userSpaceOnUse'
        style={{
          maskType: 'alpha',
        }}
      >
        <path
          fill='#E2F6EC'
          fillRule='evenodd'
          d='M96.667 4.039c26.67-1.026 50.485 18.385 57.399 44.164 6.047 22.546-11.922 41.533-30.693 55.408-19.462 14.387-44.342 28.69-64.028 14.611-19.947-14.266-15.548-42.761-7.93-66.071 7.563-23.136 20.93-47.177 45.252-48.112'
          clipRule='evenodd'
        />
        <path
          fill='url(#blobby-icon-people_svg__f)'
          fillOpacity={0.2}
          fillRule='evenodd'
          d='M96.667 4.039c26.67-1.026 50.485 18.385 57.399 44.164 6.047 22.546-11.922 41.533-30.693 55.408-19.462 14.387-44.342 28.69-64.028 14.611-19.947-14.266-15.548-42.761-7.93-66.071 7.563-23.136 20.93-47.177 45.252-48.112'
          clipRule='evenodd'
        />
      </mask>
      <g mask='url(#blobby-icon-people_svg__g)'>
        <path
          fill='url(#blobby-icon-people_svg__h)'
          d='m110.5 42.5 41.175 41.175L112.5 115 82.783 85.283l23.968-9.032-15.968-15.969z'
          opacity={0.25}
        />
      </g>
      <path
        fill='#EAF3DC'
        d='M100 37.333c-7.34 0-13.333 5.994-13.333 13.334S92.66 64 100 64s13.333-5.993 13.333-13.333S107.34 37.333 100 37.333m-16.029 32c-2.906 0-5.304 2.399-5.304 5.305v2.029c0 4.805 3.039 8.523 7.075 10.75 4.037 2.227 9.149 3.25 14.258 3.25s10.221-1.023 14.258-3.25c3.442-1.9 6.032-4.933 6.758-8.75h.32v-4.029c0-2.906-2.401-5.305-5.307-5.305z'
      />
      <path
        fill='#2C8658'
        d='M100 37.333c-7.34 0-13.333 5.994-13.333 13.334S92.66 64 100 64s13.333-5.993 13.333-13.333S107.34 37.333 100 37.333m0 4a9.303 9.303 0 0 1 9.333 9.334A9.303 9.303 0 0 1 100 60a9.303 9.303 0 0 1-9.333-9.333A9.303 9.303 0 0 1 100 41.333m-16.029 28c-2.906 0-5.304 2.399-5.304 5.305v2.029c0 4.805 3.039 8.523 7.075 10.75 4.037 2.227 9.149 3.25 14.258 3.25s10.221-1.023 14.258-3.25c3.442-1.9 6.032-4.933 6.758-8.75h.32v-4.029c0-2.906-2.401-5.305-5.307-5.305zm0 4h32.058c.744 0 1.307.56 1.307 1.305v.029h-.003v2c0 3.194-1.794 5.477-5.007 7.25-3.214 1.773-7.768 2.75-12.326 2.75-4.557 0-9.112-.977-12.325-2.75-3.214-1.773-5.008-4.056-5.008-7.25v-2.029c0-.744.56-1.305 1.304-1.305'
      />
    </g>
    <defs>
      <linearGradient
        id='blobby-icon-people_svg__b'
        x1={126.5}
        x2={50}
        y1={104}
        y2={27.5}
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#F1F0EC' />
        <stop offset={1} stopColor='#84D6AC' />
      </linearGradient>
      <linearGradient id='blobby-icon-people_svg__c' x1={135} x2={145} y1={59} y2={74} gradientUnits='userSpaceOnUse'>
        <stop stopColor='#2C8658' />
        <stop offset={1} stopColor='#ACD278' />
      </linearGradient>
      <linearGradient id='blobby-icon-people_svg__d' x1={61} x2={71} y1={16} y2={31} gradientUnits='userSpaceOnUse'>
        <stop stopColor='#2C8658' />
        <stop offset={1} stopColor='#ACD278' />
      </linearGradient>
      <linearGradient id='blobby-icon-people_svg__e' x1={55} x2={65} y1={96} y2={111} gradientUnits='userSpaceOnUse'>
        <stop stopColor='#2C8658' />
        <stop offset={1} stopColor='#ACD278' />
      </linearGradient>
      <linearGradient
        id='blobby-icon-people_svg__f'
        x1={126.5}
        x2={50}
        y1={104}
        y2={27.5}
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#F1F0EC' />
        <stop offset={1} stopColor='#84D6AC' />
      </linearGradient>
      <linearGradient
        id='blobby-icon-people_svg__h'
        x1={90.5}
        x2={136.049}
        y1={60.121}
        y2={97.834}
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#2C8658' />
        <stop offset={1} stopColor='#ACD278' />
      </linearGradient>
      <clipPath id='blobby-icon-people_svg__a'>
        <path fill='#fff' d='M0 0h200v128H0z' />
      </clipPath>
    </defs>
  </svg>
);
export default SvgBlobbyIconPeople;