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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BatteryIcon = ({ 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_19346)">
      <path
        d="M12.9727 2.77661C12.9727 2.3624 13.3084 2.02661 13.7227 2.02661H18.2773C18.6916 2.02661 19.0273 2.3624 19.0273 2.77661V5.96411H12.9727V2.77661Z"
        fill="url(#paint0_linear_18_19346)"
      />
      <path
        d="M12.9727 2.77661C12.9727 2.3624 13.3084 2.02661 13.7227 2.02661H18.2773C18.6916 2.02661 19.0273 2.3624 19.0273 2.77661V5.96411H12.9727V2.77661Z"
        fill="url(#paint1_radial_18_19346)"
      />
    </g>
    <g filter="url(#filter1_i_18_19346)">
      <path
        d="M7.97656 6.03442C7.97656 4.94711 8.858 4.06567 9.94531 4.06567H22.0625C23.1498 4.06567 24.0312 4.94711 24.0312 6.03442H7.97656Z"
        fill="url(#paint2_linear_18_19346)"
      />
      <path
        d="M7.97656 6.03442C7.97656 4.94711 8.858 4.06567 9.94531 4.06567H22.0625C23.1498 4.06567 24.0312 4.94711 24.0312 6.03442H7.97656Z"
        fill="url(#paint3_radial_18_19346)"
      />
    </g>
    <path
      d="M7.97656 28.0188C7.97656 29.1061 8.858 29.9875 9.94531 29.9875H22.0625C23.1498 29.9875 24.0312 29.1061 24.0312 28.0188H7.97656Z"
      fill="url(#paint4_linear_18_19346)"
    />
    <path
      d="M7.97656 28.0188C7.97656 29.1061 8.858 29.9875 9.94531 29.9875H22.0625C23.1498 29.9875 24.0312 29.1061 24.0312 28.0188H7.97656Z"
      fill="url(#paint5_linear_18_19346)"
    />
    <path
      d="M7.97656 28.0188C7.97656 29.1061 8.858 29.9875 9.94531 29.9875H22.0625C23.1498 29.9875 24.0312 29.1061 24.0312 28.0188H7.97656Z"
      fill="url(#paint6_radial_18_19346)"
    />
    <rect
      x={7.97656}
      y={6.03442}
      width={16.0547}
      height={21.9844}
      fill="url(#paint7_linear_18_19346)"
    />
    <rect
      x={7.97656}
      y={6.03442}
      width={16.0547}
      height={21.9844}
      fill="url(#paint8_linear_18_19346)"
    />
    <rect
      x={7.97656}
      y={6.03442}
      width={16.0547}
      height={21.9844}
      fill="url(#paint9_linear_18_19346)"
    />
    <path
      d="M15.3844 8.67505C15.1635 8.67505 14.9844 8.85413 14.9844 9.07505V9.91802C14.9844 9.94563 14.962 9.96802 14.9344 9.96802H14.1188C13.8978 9.96802 13.7188 10.1471 13.7188 10.368V11.5993C13.7188 11.8202 13.8978 11.9993 14.1188 11.9993H14.9344C14.962 11.9993 14.9844 12.0217 14.9844 12.0493V12.8922C14.9844 13.1132 15.1635 13.2922 15.3844 13.2922H16.6156C16.8365 13.2922 17.0156 13.1132 17.0156 12.8922V12.0493C17.0156 12.0217 17.038 11.9993 17.0656 11.9993H17.8812C18.1022 11.9993 18.2812 11.8202 18.2812 11.5993V10.368C18.2812 10.1471 18.1022 9.96802 17.8812 9.96802H17.0656C17.038 9.96802 17.0156 9.94563 17.0156 9.91802V9.07505C17.0156 8.85413 16.8365 8.67505 16.6156 8.67505H15.3844Z"
      fill="white"
    />
    <path
      d="M17.8812 22.9524C18.1022 22.9524 18.2813 23.1315 18.2812 23.3524V24.5836C18.2812 24.8046 18.1022 24.9836 17.8812 24.9836L14.1188 24.9836C13.8978 24.9836 13.7187 24.8046 13.7188 24.5836L13.7188 23.3524C13.7188 23.1315 13.8978 22.9524 14.1188 22.9524L17.8812 22.9524Z"
      fill="white"
    />
    <defs>
      <filter
        id="filter0_i_18_19346"
        x={12.9727}
        y={2.02661}
        width={6.05469}
        height={4.0375}
        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.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 0 0.690196 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_19346"
        />
      </filter>
      <filter
        id="filter1_i_18_19346"
        x={7.97656}
        y={4.06567}
        width={16.3047}
        height={2.06875}
        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.25} dy={0.1} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.564706 0 0 0 0 0.560784 0 0 0 0 0.564706 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_19346"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_19346"
        x1={12.8125}
        y1={3.55005}
        x2={17.7813}
        y2={3.55005}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#8B8B8C" />
        <stop offset={0.994377} stopColor="#D0D0D1" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_19346"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4688 2.48755) rotate(90) scale(0.484375 2.86899)"
      >
        <stop offset={0.225806} stopColor="#DCDBDD" />
        <stop offset={1} stopColor="#CDCDCE" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_19346"
        x1={19.4375}
        y1={5.5813}
        x2={8.53125}
        y2={5.5813}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CFCDD0" />
        <stop offset={1} stopColor="#959396" />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_19346"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.6562 6.03442) rotate(-90) scale(1.60938 9.71875)"
      >
        <stop stopColor="#E7E4EA" />
        <stop offset={1} stopColor="#D5D4D6" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_19346"
        x1={9.40625}
        y1={29.5813}
        x2={22.9063}
        y2={29.4876}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9A8AAB" />
        <stop offset={1} stopColor="#C4BBCF" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_19346"
        x1={16.0039}
        y1={29.9875}
        x2={16.0039}
        y2={28.6438}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0930233} stopColor="#9B74BD" />
        <stop offset={1} stopColor="#A089B8" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint6_radial_18_19346"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.625 27.5188) rotate(90) scale(1.48438 8.5625)"
      >
        <stop offset={0.4} stopColor="#DAD1E4" />
        <stop offset={1} stopColor="#CABBDB" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint7_linear_18_19346"
        x1={24.0312}
        y1={25.0134}
        x2={8.83472}
        y2={25.0134}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E2F981" />
        <stop offset={1} stopColor="#91E097" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_19346"
        x1={24.0313}
        y1={27.4639}
        x2={21.8891}
        y2={27.4639}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D8E78F" />
        <stop offset={1} stopColor="#D8F786" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_19346"
        x1={7.97656}
        y1={26.8949}
        x2={9.34834}
        y2={26.8949}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#88C992" />
        <stop offset={1} stopColor="#8FDF97" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BatteryIcon;