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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BilledCapIcon = ({ 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_17542)">
      <path
        d="M13.8906 3.54687C13.8906 2.71845 14.5622 2.04688 15.3906 2.04688H16.6094C17.4378 2.04688 18.1094 2.71845 18.1094 3.54688V5.76562H13.8906V3.54687Z"
        fill="url(#paint0_linear_18_17542)"
      />
      <path
        d="M13.8906 3.54687C13.8906 2.71845 14.5622 2.04688 15.3906 2.04688H16.6094C17.4378 2.04688 18.1094 2.71845 18.1094 3.54688V5.76562H13.8906V3.54687Z"
        fill="url(#paint1_radial_18_17542)"
      />
    </g>
    <g filter="url(#filter1_i_18_17542)">
      <path
        d="M3.34455 17L2.05431 25.8382C1.74601 27.95 3.73509 29.8438 6.95387 29.8438H24.9917C28.2104 29.8438 30.1995 27.95 29.8912 25.8382L28.601 17H3.34455Z"
        fill="url(#paint2_linear_18_17542)"
      />
      <path
        d="M3.34455 17L2.05431 25.8382C1.74601 27.95 3.73509 29.8438 6.95387 29.8438H24.9917C28.2104 29.8438 30.1995 27.95 29.8912 25.8382L28.601 17H3.34455Z"
        fill="url(#paint3_radial_18_17542)"
      />
    </g>
    <g filter="url(#filter2_f_18_17542)">
      <path
        d="M6.02888 21.198C6.02888 21.2316 6.05507 21.2616 6.0947 21.2719C6.44536 21.3629 7.23439 21.5156 8.06863 21.5156H23.9249C24.7591 21.5156 25.5482 21.3629 25.8988 21.2719C25.9385 21.2616 25.9647 21.2316 25.9647 21.198V13.2922C25.9647 10.1278 22.7838 7.5625 18.86 7.5625H13.1335C11.4165 7.5625 9.84182 8.05368 8.61362 8.87132C9.36676 8.36993 10.2502 7.99131 11.2168 7.77342C11.239 7.76841 11.2344 7.74182 11.2113 7.74219C7.01674 7.81111 4.5265 10.4589 4.5265 14.3498L3.28321 18.6171C3.28321 20.5124 5.5631 21.1363 5.96287 21.2384C6.00256 21.2485 6.02888 21.2316 6.02888 21.198Z"
        fill="#025DBC"
      />
      <path
        d="M6.02888 21.198C6.02888 21.2316 6.05507 21.2616 6.0947 21.2719C6.44536 21.3629 7.23439 21.5156 8.06863 21.5156H23.9249C24.7591 21.5156 25.5482 21.3629 25.8988 21.2719C25.9385 21.2616 25.9647 21.2316 25.9647 21.198V13.2922C25.9647 10.1278 22.7838 7.5625 18.86 7.5625H13.1335C11.4165 7.5625 9.84182 8.05368 8.61362 8.87132C9.36676 8.36993 10.2502 7.99131 11.2168 7.77342C11.239 7.76841 11.2344 7.74182 11.2113 7.74219C7.01674 7.81111 4.5265 10.4589 4.5265 14.3498L3.28321 18.6171C3.28321 20.5124 5.5631 21.1363 5.96287 21.2384C6.00256 21.2485 6.02888 21.2316 6.02888 21.198Z"
        fill="url(#paint4_linear_18_17542)"
      />
      <path
        d="M25.9712 21.198C25.9712 21.2316 25.9975 21.2485 26.0372 21.2384C26.437 21.1363 28.5165 20.5124 28.5165 18.6171V14.5429C28.5165 10.652 24.9833 7.81111 20.7888 7.74219C20.7657 7.74182 20.761 7.76841 20.7832 7.77342C23.776 8.448 25.9712 10.6633 25.9712 13.2921V21.198Z"
        fill="#025DBC"
      />
      <path
        d="M25.9712 21.198C25.9712 21.2316 25.9975 21.2485 26.0372 21.2384C26.437 21.1363 28.5165 20.5124 28.5165 18.6171V14.5429C28.5165 10.652 24.9833 7.81111 20.7888 7.74219C20.7657 7.74182 20.761 7.76841 20.7832 7.77342C23.776 8.448 25.9712 10.6633 25.9712 13.2921V21.198Z"
        fill="url(#paint5_linear_18_17542)"
      />
    </g>
    <g filter="url(#filter3_i_18_17542)">
      <path
        d="M5.82471 21.0148C5.82471 21.0573 5.85144 21.0952 5.89188 21.1083C6.24971 21.2235 7.05489 21.4167 7.90621 21.4167H24.087C24.9383 21.4167 25.7435 21.2235 26.1013 21.1083C26.1417 21.0952 26.1685 21.0573 26.1685 21.0148V11.0111C26.1685 7.00704 22.9225 3.76111 18.9185 3.76111H13.0747C9.07064 3.76111 5.82471 7.00704 5.82471 11.0111V21.0148Z"
        fill="url(#paint6_radial_18_17542)"
      />
      <path
        d="M5.82471 21.0148C5.82471 21.0573 5.85144 21.0952 5.89188 21.1083C6.24971 21.2235 7.05489 21.4167 7.90621 21.4167H24.087C24.9383 21.4167 25.7435 21.2235 26.1013 21.1083C26.1417 21.0952 26.1685 21.0573 26.1685 21.0148V11.0111C26.1685 7.00704 22.9225 3.76111 18.9185 3.76111H13.0747C9.07064 3.76111 5.82471 7.00704 5.82471 11.0111V21.0148Z"
        fill="url(#paint7_linear_18_17542)"
      />
      <path
        d="M5.82471 21.0148C5.82471 21.0573 5.85144 21.0952 5.89188 21.1083C6.24971 21.2235 7.05489 21.4167 7.90621 21.4167H24.087C24.9383 21.4167 25.7435 21.2235 26.1013 21.1083C26.1417 21.0952 26.1685 21.0573 26.1685 21.0148V11.0111C26.1685 7.00704 22.9225 3.76111 18.9185 3.76111H13.0747C9.07064 3.76111 5.82471 7.00704 5.82471 11.0111V21.0148Z"
        fill="url(#paint8_radial_18_17542)"
      />
    </g>
    <g filter="url(#filter4_ii_18_17542)">
      <path
        d="M5.75732 21.0658C5.79782 21.0786 5.82468 21.0572 5.82468 21.0148V11.0111C5.82468 7.68469 8.06484 4.88153 11.1188 4.02794C11.1415 4.02161 11.1367 3.98796 11.1132 3.98844C6.83276 4.07564 3.22729 7.6703 3.22729 12.5937V17.749C3.22729 20.1472 5.34937 20.9367 5.75732 21.0658Z"
        fill="url(#paint9_linear_18_17542)"
      />
      <path
        d="M5.75732 21.0658C5.79782 21.0786 5.82468 21.0572 5.82468 21.0148V11.0111C5.82468 7.68469 8.06484 4.88153 11.1188 4.02794C11.1415 4.02161 11.1367 3.98796 11.1132 3.98844C6.83276 4.07564 3.22729 7.6703 3.22729 12.5937V17.749C3.22729 20.1472 5.34937 20.9367 5.75732 21.0658Z"
        fill="url(#paint10_radial_18_17542)"
      />
    </g>
    <g filter="url(#filter5_i_18_17542)">
      <path
        d="M26.2427 21.0658C26.2022 21.0786 26.1753 21.0572 26.1753 21.0148V11.0111C26.1753 7.68469 23.9352 4.88153 20.8812 4.02794C20.8585 4.02161 20.8633 3.98796 20.8868 3.98844C25.1672 4.07564 28.7727 7.6703 28.7727 12.5937V17.749C28.7727 20.1472 26.6506 20.9367 26.2427 21.0658Z"
        fill="url(#paint11_linear_18_17542)"
      />
      <path
        d="M26.2427 21.0658C26.2022 21.0786 26.1753 21.0572 26.1753 21.0148V11.0111C26.1753 7.68469 23.9352 4.88153 20.8812 4.02794C20.8585 4.02161 20.8633 3.98796 20.8868 3.98844C25.1672 4.07564 28.7727 7.6703 28.7727 12.5937V17.749C28.7727 20.1472 26.6506 20.9367 26.2427 21.0658Z"
        fill="url(#paint12_radial_18_17542)"
      />
      <path
        d="M26.2427 21.0658C26.2022 21.0786 26.1753 21.0572 26.1753 21.0148V11.0111C26.1753 7.68469 23.9352 4.88153 20.8812 4.02794C20.8585 4.02161 20.8633 3.98796 20.8868 3.98844C25.1672 4.07564 28.7727 7.6703 28.7727 12.5937V17.749C28.7727 20.1472 26.6506 20.9367 26.2427 21.0658Z"
        fill="url(#paint13_radial_18_17542)"
      />
    </g>
    <g filter="url(#filter6_f_18_17542)">
      <path
        d="M7.07886 29.1406H25.2664C26.8601 29.1406 29.7195 28.353 29.7195 25.7969"
        stroke="url(#paint14_radial_18_17542)"
        strokeWidth={0.15}
        strokeLinecap="round"
      />
      <path
        d="M7.07886 29.1406H25.2664C26.8601 29.1406 29.7195 28.353 29.7195 25.7969"
        stroke="url(#paint15_linear_18_17542)"
        strokeWidth={0.15}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_17542"
        x={13.8906}
        y={1.94687}
        width={4.36875}
        height={3.81875}
        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.1} />
        <feGaussianBlur stdDeviation={0.3} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.207843 0 0 0 0 0.411765 0 0 0 0 0.568627 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17542"
        />
      </filter>
      <filter
        id="filter1_i_18_17542"
        x={2.02295}
        y={16.85}
        width={27.8997}
        height={12.9938}
        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={-0.5} />
        <feGaussianBlur stdDeviation={0.075} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.215686 0 0 0 0 0.396078 0 0 0 0 0.956863 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17542"
        />
      </filter>
      <filter
        id="filter2_f_18_17542"
        x={3.0332}
        y={7.3125}
        width={25.7334}
        height={14.4531}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_17542"
        />
      </filter>
      <filter
        id="filter3_i_18_17542"
        x={5.82471}
        y={3.76111}
        width={20.3438}
        height={17.7555}
        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={0.1} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.419608 0 0 0 0 0.752941 0 0 0 0 0.807843 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17542"
        />
      </filter>
      <filter
        id="filter4_ii_18_17542"
        x={3.12729}
        y={3.9884}
        width={8.20625}
        height={17.0811}
        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.2} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.184314 0 0 0 0 0.462745 0 0 0 0 0.666667 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17542"
        />
        <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.25098 0 0 0 0 0.760784 0 0 0 0 1 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_17542"
          result="effect2_innerShadow_18_17542"
        />
      </filter>
      <filter
        id="filter5_i_18_17542"
        x={20.8665}
        y={3.9884}
        width={8.00625}
        height={17.0811}
        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.172549 0 0 0 0 0.482353 0 0 0 0 0.886275 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_17542"
        />
      </filter>
      <filter
        id="filter6_f_18_17542"
        x={6.85391}
        y={25.5719}
        width={23.0905}
        height={3.79365}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.075}
          result="effect1_foregroundBlur_18_17542"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_17542"
        x1={16}
        y1={2.04688}
        x2={16}
        y2={3.90625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#52D9FF" />
        <stop offset={1} stopColor="#34A2EA" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.3915 2.40625) rotate(-154.047) scale(1.96366 1.76907)"
      >
        <stop stopColor="#6AF3FF" />
        <stop offset={1} stopColor="#6AF3FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_17542"
        x1={15.9728}
        y1={17}
        x2={15.9728}
        y2={25.5625}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#1998DC" stopOpacity={0} />
        <stop offset={0.0001} stopColor="#1784D5" />
        <stop offset={1} stopColor="#1998DC" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.9728 29.8437) rotate(-90) scale(13.2187 28.7142)"
      >
        <stop offset={0.625612} stopColor="#1567BE" stopOpacity={0} />
        <stop offset={1} stopColor="#215092" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_17542"
        x1={2.60505}
        y1={19.5717}
        x2={11.3759}
        y2={19.5717}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#0D3B7C" />
        <stop offset={1} stopColor="#0D3B7C" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_17542"
        x1={2.60505}
        y1={19.5717}
        x2={11.3759}
        y2={19.5717}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#0D3B7C" />
        <stop offset={1} stopColor="#0D3B7C" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.716 21.6513) rotate(-90) scale(18.4912 23.1931)"
      >
        <stop offset={0.00244504} stopColor="#45B7FF" />
        <stop offset={1} stopColor="#56E9FF" />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_17542"
        x1={25.6172}
        y1={8.67587}
        x2={19.4685}
        y2={13.3326}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0120204} stopColor="#65FAFF" />
        <stop offset={1} stopColor="#59D1FF" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint8_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.3329 16.3165) rotate(-136.16) scale(15.7958 17.4947)"
      >
        <stop offset={0.754776} stopColor="#51DAFF" stopOpacity={0} />
        <stop offset={0.968526} stopColor="#49BCD4" />
      </radialGradient>
      <linearGradient
        id="paint9_linear_18_17542"
        x1={9.83861}
        y1={4.42601}
        x2={4.59417}
        y2={15.8191}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2493D6" />
        <stop offset={1} stopColor="#2E6FBF" />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(2.55968 16.8137) rotate(-80.8219) scale(10.4875 2.46781)"
      >
        <stop offset={0.215796} stopColor="#386595" />
        <stop offset={1} stopColor="#386595" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_17542"
        x1={24.7501}
        y1={3.98682}
        x2={24.7501}
        y2={20.75}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#38C5FF" />
        <stop offset={1} stopColor="#1D7ADC" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.3291 16.0937) scale(3.44363 11.7514)"
      >
        <stop offset={0.281316} stopColor="#66A2F5" />
        <stop offset={1} stopColor="#66A2F5" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint13_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(30.2666 17.0625) rotate(-114.444) scale(5.28633 2.12074)"
      >
        <stop offset={0.477006} stopColor="#3F90D6" />
        <stop offset={1} stopColor="#3F90D6" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint14_radial_18_17542"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(28.1726 28.7542) rotate(-132.263) scale(3.99608 7.44157)"
      >
        <stop stopColor="#66B8FF" />
        <stop offset={1} stopColor="#66B8FF" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint15_linear_18_17542"
        x1={6.45386}
        y1={29.3487}
        x2={24.2039}
        y2={29.3487}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#429BFB" />
        <stop offset={1} stopColor="#4099FD" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BilledCapIcon;