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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const ShieldIcon = ({ 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_24255)">
      <path
        d="M4.71167 9.21067C4.71167 8.30786 5.41802 7.58918 6.25691 7.25553C7.2671 6.85375 8.37492 6.03244 9.05816 4.341C9.41882 3.44813 10.2116 2.745 11.1745 2.745H18.9787C19.9617 2.745 20.7631 3.48091 21.1616 4.37947C21.8332 5.89373 22.9836 6.81452 24.0055 7.31202C24.8051 7.70129 25.4868 8.44994 25.4868 9.33924V12.5597C25.4868 19.5073 23.3126 23.7012 17.5833 28.5151C16.431 29.4833 14.7637 29.5344 13.5624 28.6277C8.29771 24.6536 4.71167 19.9467 4.71167 12.5597V9.21067Z"
        fill="#378AED"
      />
      <path
        d="M4.71167 9.21067C4.71167 8.30786 5.41802 7.58918 6.25691 7.25553C7.2671 6.85375 8.37492 6.03244 9.05816 4.341C9.41882 3.44813 10.2116 2.745 11.1745 2.745H18.9787C19.9617 2.745 20.7631 3.48091 21.1616 4.37947C21.8332 5.89373 22.9836 6.81452 24.0055 7.31202C24.8051 7.70129 25.4868 8.44994 25.4868 9.33924V12.5597C25.4868 19.5073 23.3126 23.7012 17.5833 28.5151C16.431 29.4833 14.7637 29.5344 13.5624 28.6277C8.29771 24.6536 4.71167 19.9467 4.71167 12.5597V9.21067Z"
        fill="url(#paint0_radial_18_24255)"
      />
    </g>
    <path
      d="M15.512 29.2758V2.745H18.9788C19.9617 2.745 20.7631 3.48091 21.1616 4.37947C21.8332 5.89374 22.9836 6.81451 24.0055 7.31202C24.8051 7.70129 25.4868 8.44994 25.4868 9.33923V12.5597C25.4868 19.5073 23.3126 23.7012 17.5833 28.5151C16.9858 29.0172 16.2498 29.2726 15.512 29.2758Z"
      fill="#3C88F0"
      fillOpacity={0.5}
    />
    <g filter="url(#filter1_i_18_24255)">
      <path
        d="M15.512 29.2635V2.745H19.3803C20.3909 2.745 21.2149 3.48091 21.6246 4.37947C22.3151 5.89374 23.4979 6.81451 24.5486 7.31202C25.3707 7.70129 26.0716 8.44994 26.0716 9.33923V12.5597C26.0716 19.5073 23.8362 23.7012 17.9456 28.5151C17.2491 29.0843 16.3696 29.3366 15.512 29.2635Z"
        fill="url(#paint1_radial_18_24255)"
      />
      <path
        d="M15.512 29.2635V2.745H19.3803C20.3909 2.745 21.2149 3.48091 21.6246 4.37947C22.3151 5.89374 23.4979 6.81451 24.5486 7.31202C25.3707 7.70129 26.0716 8.44994 26.0716 9.33923V12.5597C26.0716 19.5073 23.8362 23.7012 17.9456 28.5151C17.2491 29.0843 16.3696 29.3366 15.512 29.2635Z"
        fill="url(#paint2_radial_18_24255)"
      />
    </g>
    <g filter="url(#filter2_iii_18_24255)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M11.1745 2.04492H19.8495C21.1779 2.04492 22.1809 3.00427 22.615 4.07876C23.2191 5.57452 24.1741 6.26623 25.0258 6.60501C26.0143 6.99815 27.0124 7.91317 27.0124 9.21059V12.5596C27.0124 20.2405 23.254 25.1322 17.8834 29.1863C17.1793 29.7178 16.3446 29.9788 15.512 29.9758C14.6795 29.9788 13.8448 29.7178 13.1407 29.1863C7.77 25.1322 4.01166 20.2405 4.01166 12.5596V9.21059C4.01166 7.91317 5.00972 6.99815 5.9982 6.60501C6.84999 6.26623 7.8049 5.57452 8.4091 4.07876C8.84312 3.00427 9.84617 2.04492 11.1745 2.04492ZM15.512 28.5757C16.0493 28.5786 16.5874 28.4105 17.0399 28.0689C22.1987 24.1748 25.6124 19.6528 25.6124 12.5596V9.21059C25.6124 8.70239 25.1978 8.18005 24.5084 7.9059C23.3399 7.44112 22.0791 6.49022 21.3169 4.60311C21.0295 3.89184 20.4471 3.44492 19.8495 3.44492H11.1745C10.577 3.44492 9.9945 3.89184 9.70719 4.60311C8.94492 6.49022 7.68419 7.44112 6.5156 7.9059C5.82628 8.18005 5.41166 8.70239 5.41166 9.21059V12.5596C5.41166 19.6528 8.8254 24.1748 13.9841 28.0689C14.4367 28.4105 14.9747 28.5786 15.512 28.5757Z"
        fill="url(#paint3_linear_18_24255)"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.1745 2.04492H19.8495C21.1779 2.04492 22.1809 3.00427 22.615 4.07876C23.2191 5.57452 24.1741 6.26623 25.0258 6.60501C26.0143 6.99815 27.0124 7.91317 27.0124 9.21059V12.5596C27.0124 20.2405 23.254 25.1322 17.8834 29.1863C17.1793 29.7178 16.3446 29.9788 15.512 29.9758C14.6795 29.9788 13.8448 29.7178 13.1407 29.1863C7.77 25.1322 4.01166 20.2405 4.01166 12.5596V9.21059C4.01166 7.91317 5.00972 6.99815 5.9982 6.60501C6.84999 6.26623 7.8049 5.57452 8.4091 4.07876C8.84312 3.00427 9.84617 2.04492 11.1745 2.04492ZM15.512 28.5757C16.0493 28.5786 16.5874 28.4105 17.0399 28.0689C22.1987 24.1748 25.6124 19.6528 25.6124 12.5596V9.21059C25.6124 8.70239 25.1978 8.18005 24.5084 7.9059C23.3399 7.44112 22.0791 6.49022 21.3169 4.60311C21.0295 3.89184 20.4471 3.44492 19.8495 3.44492H11.1745C10.577 3.44492 9.9945 3.89184 9.70719 4.60311C8.94492 6.49022 7.68419 7.44112 6.5156 7.9059C5.82628 8.18005 5.41166 8.70239 5.41166 9.21059V12.5596C5.41166 19.6528 8.8254 24.1748 13.9841 28.0689C14.4367 28.4105 14.9747 28.5786 15.512 28.5757Z"
      fill="url(#paint4_radial_18_24255)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M11.1745 2.04492H19.8495C21.1779 2.04492 22.1809 3.00427 22.615 4.07876C23.2191 5.57452 24.1741 6.26623 25.0258 6.60501C26.0143 6.99815 27.0124 7.91317 27.0124 9.21059V12.5596C27.0124 20.2405 23.254 25.1322 17.8834 29.1863C17.1793 29.7178 16.3446 29.9788 15.512 29.9758C14.6795 29.9788 13.8448 29.7178 13.1407 29.1863C7.77 25.1322 4.01166 20.2405 4.01166 12.5596V9.21059C4.01166 7.91317 5.00972 6.99815 5.9982 6.60501C6.84999 6.26623 7.8049 5.57452 8.4091 4.07876C8.84312 3.00427 9.84617 2.04492 11.1745 2.04492ZM15.512 28.5757C16.0493 28.5786 16.5874 28.4105 17.0399 28.0689C22.1987 24.1748 25.6124 19.6528 25.6124 12.5596V9.21059C25.6124 8.70239 25.1978 8.18005 24.5084 7.9059C23.3399 7.44112 22.0791 6.49022 21.3169 4.60311C21.0295 3.89184 20.4471 3.44492 19.8495 3.44492H11.1745C10.577 3.44492 9.9945 3.89184 9.70719 4.60311C8.94492 6.49022 7.68419 7.44112 6.5156 7.9059C5.82628 8.18005 5.41166 8.70239 5.41166 9.21059V12.5596C5.41166 19.6528 8.8254 24.1748 13.9841 28.0689C14.4367 28.4105 14.9747 28.5786 15.512 28.5757Z"
      fill="url(#paint5_radial_18_24255)"
    />
    <defs>
      <filter
        id="filter0_i_18_24255"
        x={4.71167}
        y={2.745}
        width={21.5252}
        height={27.2709}
        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.75} dy={0.74} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.0627451 0 0 0 0 0.337255 0 0 0 0 0.713726 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24255"
        />
      </filter>
      <filter
        id="filter1_i_18_24255"
        x={15.112}
        y={2.745}
        width={10.9596}
        height={27.2809}
        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.4} dy={0.8} />
        <feGaussianBlur stdDeviation={0.375} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.121569 0 0 0 0 0.478431 0 0 0 0 0.843137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24255"
        />
      </filter>
      <filter
        id="filter2_iii_18_24255"
        x={3.76166}
        y={1.79492}
        width={23.5007}
        height={28.3309}
        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} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.635294 0 0 0 0 0.588235 0 0 0 0 0.596078 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_24255"
        />
        <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.25} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.647059 0 0 0 0 0.501961 0 0 0 0 0.745098 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect1_innerShadow_18_24255"
          result="effect2_innerShadow_18_24255"
        />
        <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.15} />
        <feGaussianBlur stdDeviation={0.15} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.854902 0 0 0 0 0.85098 0 0 0 0 0.862745 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="effect2_innerShadow_18_24255"
          result="effect3_innerShadow_18_24255"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_24255"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.0138 16.7836) rotate(139.976) scale(13.0893 18.3325)"
      >
        <stop offset={0.792317} stopColor="#3782E8" stopOpacity={0} />
        <stop offset={0.943177} stopColor="#286ACA" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_24255"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.512 16.0104) scale(10.1192 22.4259)"
      >
        <stop stopColor="#52C9FF" />
        <stop offset={1} stopColor="#59CBFF" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_24255"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5874 14.3644) rotate(12.0483) scale(9.20844 15.8393)"
      >
        <stop offset={0.796802} stopColor="#44AAFF" stopOpacity={0} />
        <stop offset={0.96638} stopColor="#1B7CE2" />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_24255"
        x1={4.83722}
        y1={17.8792}
        x2={22.0128}
        y2={17.8792}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B8B3BE" />
        <stop offset={1} stopColor="#BBB3C4" />
      </linearGradient>
      <radialGradient
        id="paint4_radial_18_24255"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.42957 6.41602) rotate(-126.254) scale(0.841858 5.23728)"
      >
        <stop offset={0.278875} stopColor="#B8B1C0" />
        <stop offset={1} stopColor="#B8B1C0" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_24255"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10.4219 4.93745) rotate(-126.69) scale(1.98751 2.44938)"
      >
        <stop offset={0.359827} stopColor="#B8B1C0" />
        <stop offset={1} stopColor="#B8B1C0" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = ShieldIcon;