@jstnmthw/react-fluentui-emoji/icons/BallotBoxWithBallotIcon.jsx

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BallotBoxWithBallotIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <g filter="url(#filter0_i_18_22220)">
      <path
        d="M2.54279 16.3828H28.4803V8.0907C28.4803 6.98613 27.5849 6.0907 26.4803 6.0907H4.54279C3.43822 6.0907 2.54279 6.98613 2.54279 8.0907V16.3828Z"
        fill="url(#paint0_linear_18_22220)"
      />
      <path
        d="M2.54279 16.3828H28.4803V8.0907C28.4803 6.98613 27.5849 6.0907 26.4803 6.0907H4.54279C3.43822 6.0907 2.54279 6.98613 2.54279 8.0907V16.3828Z"
        fill="url(#paint1_radial_18_22220)"
      />
    </g>
    <g filter="url(#filter1_i_18_22220)">
      <path
        d="M2.54279 15.0203H28.4803V27.9891C28.4803 29.0936 27.5849 29.9891 26.4803 29.9891H4.54279C3.43822 29.9891 2.54279 29.0936 2.54279 27.9891V15.0203Z"
        fill="url(#paint2_linear_18_22220)"
      />
      <path
        d="M2.54279 15.0203H28.4803V27.9891C28.4803 29.0936 27.5849 29.9891 26.4803 29.9891H4.54279C3.43822 29.9891 2.54279 29.0936 2.54279 27.9891V15.0203Z"
        fill="url(#paint3_linear_18_22220)"
      />
    </g>
    <rect
      x={23.4803}
      y={16.9813}
      width={3}
      height={8.98438}
      rx={1.5}
      fill="url(#paint4_linear_18_22220)"
    />
    <g filter="url(#filter2_i_18_22220)">
      <rect
        x={9.1795}
        y={9.43445}
        width={12.6641}
        height={2.48438}
        rx={1.24219}
        fill="url(#paint5_linear_18_22220)"
      />
    </g>
    <g filter="url(#filter3_ii_18_22220)">
      <path
        d="M10.5272 3.35945C10.5272 2.64148 11.1092 2.05945 11.8272 2.05945H19.1959C19.9139 2.05945 20.4959 2.64148 20.4959 3.35945V11.9188H10.5272V3.35945Z"
        fill="url(#paint6_linear_18_22220)"
      />
    </g>
    <path
      d="M10.5272 3.35945C10.5272 2.64148 11.1092 2.05945 11.8272 2.05945H19.1959C19.9139 2.05945 20.4959 2.64148 20.4959 3.35945V11.9188H10.5272V3.35945Z"
      fill="url(#paint7_linear_18_22220)"
    />
    <g filter="url(#filter4_i_18_22220)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M18.9728 4.17904C19.226 4.39282 19.258 4.77137 19.0442 5.02456L14.7992 10.0524C14.4685 10.444 13.86 10.428 13.5504 10.0195L12.0373 8.02337C11.8371 7.75929 11.8889 7.38294 12.153 7.18277C12.4171 6.9826 12.7934 7.0344 12.9936 7.29848L14.2047 8.89629L18.1273 4.25042C18.3411 3.99722 18.7196 3.96527 18.9728 4.17904Z"
        fill="url(#paint8_radial_18_22220)"
      />
    </g>
    <g filter="url(#filter5_f_18_22220)">
      <path
        d="M12.3865 7.73132L14.0897 9.82507"
        stroke="#4DBD7C"
        strokeWidth={0.3}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter6_f_18_22220)">
      <path
        d="M14.1365 9.88757L18.2772 4.91882"
        stroke="url(#paint9_linear_18_22220)"
        strokeWidth={0.3}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_22220"
        x={2.44279}
        y={6.0907}
        width={26.0375}
        height={10.2921}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.1} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.760784 0 0 0 0 0.760784 0 0 0 0 0.764706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22220"
        />
      </filter>
      <filter
        id="filter1_i_18_22220"
        x={2.44279}
        y={15.0203}
        width={26.0375}
        height={14.9688}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.1} />
        <feGaussianBlur stdDeviation={0.1} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.760784 0 0 0 0 0.760784 0 0 0 0 0.764706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22220"
        />
      </filter>
      <filter
        id="filter2_i_18_22220"
        x={9.1795}
        y={8.43445}
        width={12.6641}
        height={3.48438}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy={-1} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.203922 0 0 0 0 0.156863 0 0 0 0 0.243137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22220"
        />
      </filter>
      <filter
        id="filter3_ii_18_22220"
        x={10.3772}
        y={2.05945}
        width={10.2188}
        height={9.95938}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={0.1} dy={0.1} />
        <feGaussianBlur stdDeviation={0.05} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.839216 0 0 0 0 0.831373 0 0 0 0 0.847059 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22220"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} />
        <feGaussianBlur stdDeviation={0.125} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.972549 0 0 0 0 0.960784 0 0 0 0 0.992157 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_22220"
          result="effect2_innerShadow_18_22220"
        />
      </filter>
      <filter
        id="filter4_i_18_22220"
        x={11.7654}
        y={4.03748}
        width={7.42036}
        height={6.44883}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} dy={0.15} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0941176 0 0 0 0 0.666667 0 0 0 0 0.34902 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_22220"
        />
      </filter>
      <filter
        id="filter5_f_18_22220"
        x={11.9365}
        y={7.2813}
        width={2.60311}
        height={2.9938}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.15}
          result="effect1_foregroundBlur_18_22220"
        />
      </filter>
      <filter
        id="filter6_f_18_22220"
        x={13.6865}
        y={4.4688}
        width={5.04061}
        height={5.8688}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.15}
          result="effect1_foregroundBlur_18_22220"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_22220"
        x1={15.5115}
        y1={6.0907}
        x2={15.5115}
        y2={15.0203}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#959596" />
        <stop offset={1} stopColor="#AFADB2" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_22220"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.6365 4.82507) rotate(90) scale(8.125 19.1396)"
      >
        <stop offset={0.288703} stopColor="#737275" />
        <stop offset={1} stopColor="#8D8C8E" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_22220"
        x1={15.5115}
        y1={15.0203}
        x2={15.5115}
        y2={29.9891}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9D99A1" />
        <stop offset={1} stopColor="#8D8794" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_22220"
        x1={17.6792}
        y1={29.9891}
        x2={17.6792}
        y2={27.3563}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#716081" />
        <stop offset={1} stopColor="#82778D" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_22220"
        x1={24.9803}
        y1={16.9813}
        x2={24.9803}
        y2={25.9657}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D1CCD6" />
        <stop offset={1} stopColor="#D1CCD6" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_22220"
        x1={21.8436}
        y1={9.91882}
        x2={9.1795}
        y2={9.91882}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#554165" />
        <stop offset={1} stopColor="#402C50" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_22220"
        x1={20.1639}
        y1={2.48132}
        x2={13.9451}
        y2={9.98132}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EDE7F5" />
        <stop offset={1} stopColor="#D4CEDD" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_22220"
        x1={16.7928}
        y1={12.2001}
        x2={16.7928}
        y2={10.6376}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CCC6D4" />
        <stop offset={1} stopColor="#CCC6D4" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_22220"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.9178 4.51248) rotate(137.517) scale(8.05111 9.29298)"
      >
        <stop stopColor="#26AD60" />
        <stop offset={1} stopColor="#2DAD67" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_22220"
        x1={14.1365}
        y1={9.66882}
        x2={18.1678}
        y2={5.1532}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4DBD7C" />
        <stop offset={1} stopColor="#4DBD7C" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BallotBoxWithBallotIcon;