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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const BarberPoleIcon = ({ 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_8803)">
      <path
        d="M11.5674 4.45701C11.5674 3.13152 12.6419 2.05701 13.9674 2.05701H17.1427C18.4681 2.05701 19.5427 3.13152 19.5427 4.45701V7.07503H11.5674V4.45701Z"
        fill="url(#paint0_radial_18_8803)"
      />
    </g>
    <path
      d="M11.5674 4.45701C11.5674 3.13152 12.6419 2.05701 13.9674 2.05701H17.1427C18.4681 2.05701 19.5427 3.13152 19.5427 4.45701V7.07503H11.5674V4.45701Z"
      fill="url(#paint1_radial_18_8803)"
    />
    <path
      d="M11.5674 4.45701C11.5674 3.13152 12.6419 2.05701 13.9674 2.05701H17.1427C18.4681 2.05701 19.5427 3.13152 19.5427 4.45701V7.07503H11.5674V4.45701Z"
      fill="url(#paint2_linear_18_8803)"
    />
    <path
      d="M11.5674 4.45701C11.5674 3.13152 12.6419 2.05701 13.9674 2.05701H17.1427C18.4681 2.05701 19.5427 3.13152 19.5427 4.45701V7.07503H11.5674V4.45701Z"
      fill="url(#paint3_radial_18_8803)"
    />
    <rect
      x={11.5541}
      y={9.18872}
      width={8.00201}
      height={18.2607}
      fill="url(#paint4_linear_18_8803)"
    />
    <rect
      x={11.5541}
      y={9.18872}
      width={8.00201}
      height={18.2607}
      fill="url(#paint5_linear_18_8803)"
    />
    <rect
      x={11.5541}
      y={9.18872}
      width={8.00201}
      height={18.2607}
      fill="url(#paint6_linear_18_8803)"
    />
    <rect
      x={11.5541}
      y={9.18872}
      width={8.00201}
      height={18.2607}
      fill="url(#paint7_linear_18_8803)"
    />
    <path
      d="M11.5541 16.0634V13.5515L19.5561 9.82007V12.332L11.5541 16.0634Z"
      fill="url(#paint8_linear_18_8803)"
    />
    <path
      d="M11.5541 16.0634V13.5515L19.5561 9.82007V12.332L11.5541 16.0634Z"
      fill="url(#paint9_linear_18_8803)"
    />
    <path
      d="M11.5541 16.0634V13.5515L19.5561 9.82007V12.332L11.5541 16.0634Z"
      fill="url(#paint10_linear_18_8803)"
    />
    <path
      d="M11.5541 16.0634V13.5515L19.5561 9.82007V12.332L11.5541 16.0634Z"
      fill="url(#paint11_radial_18_8803)"
    />
    <path
      d="M17.4173 9.18872L11.5541 11.9228V9.41083L12.0304 9.18872H17.4173Z"
      fill="url(#paint12_linear_18_8803)"
    />
    <path
      d="M17.4173 9.18872L11.5541 11.9228V9.41083L12.0304 9.18872H17.4173Z"
      fill="url(#paint13_linear_18_8803)"
    />
    <path
      d="M17.4173 9.18872L11.5541 11.9228V9.41083L12.0304 9.18872H17.4173Z"
      fill="url(#paint14_linear_18_8803)"
    />
    <path
      d="M11.5541 20.2978V17.7858L19.5561 14.0544V16.5664L11.5541 20.2978Z"
      fill="url(#paint15_linear_18_8803)"
    />
    <path
      d="M11.5541 20.2978V17.7858L19.5561 14.0544V16.5664L11.5541 20.2978Z"
      fill="url(#paint16_linear_18_8803)"
    />
    <path
      d="M11.5541 24.4541V21.9421L19.5561 18.2107V20.7227L11.5541 24.4541Z"
      fill="url(#paint17_linear_18_8803)"
    />
    <path
      d="M11.5541 24.4541V21.9421L19.5561 18.2107V20.7227L11.5541 24.4541Z"
      fill="url(#paint18_linear_18_8803)"
    />
    <path
      d="M14.675 27.4494H11.5541V26.1608L19.5561 22.4294V25.4253L14.675 27.4494Z"
      fill="url(#paint19_linear_18_8803)"
    />
    <rect
      x={8.5741}
      y={5.04871}
      width={13.9618}
      height={4.98711}
      rx={2.49355}
      fill="url(#paint20_linear_18_8803)"
    />
    <rect
      x={8.5741}
      y={5.04871}
      width={13.9618}
      height={4.98711}
      rx={2.49355}
      fill="url(#paint21_radial_18_8803)"
    />
    <rect
      x={8.5741}
      y={5.04871}
      width={13.9618}
      height={4.98711}
      rx={2.49355}
      fill="url(#paint22_radial_18_8803)"
    />
    <g filter="url(#filter1_f_18_8803)">
      <ellipse
        cx={17.9133}
        cy={6.8369}
        rx={3.97523}
        ry={1.12975}
        fill="url(#paint23_radial_18_8803)"
      />
    </g>
    <rect
      x={8.5741}
      y={24.9559}
      width={13.9618}
      height={4.98711}
      rx={2.49355}
      fill="url(#paint24_linear_18_8803)"
    />
    <rect
      x={8.5741}
      y={24.9559}
      width={13.9618}
      height={4.98711}
      rx={2.49355}
      fill="url(#paint25_radial_18_8803)"
    />
    <rect
      x={8.5741}
      y={24.9559}
      width={13.9618}
      height={4.98711}
      rx={2.49355}
      fill="url(#paint26_radial_18_8803)"
    />
    <g filter="url(#filter2_f_18_8803)">
      <ellipse
        cx={17.9133}
        cy={26.8059}
        rx={3.97523}
        ry={1.12975}
        fill="url(#paint27_radial_18_8803)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_8803"
        x={11.5674}
        y={2.05701}
        width={8.72528}
        height={5.01807}
        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} />
        <feGaussianBlur stdDeviation={0.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.615686 0 0 0 0 0.615686 0 0 0 0 0.643137 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_8803"
        />
      </filter>
      <filter
        id="filter1_f_18_8803"
        x={12.938}
        y={4.70715}
        width={9.95044}
        height={4.25952}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_8803"
        />
      </filter>
      <filter
        id="filter2_f_18_8803"
        x={12.938}
        y={24.6761}
        width={9.95044}
        height={4.25952}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_8803"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.2437 3.4757) rotate(155.056) scale(6.87249 4.17117)"
      >
        <stop stopColor="#E9E9F1" />
        <stop offset={1} stopColor="#A39EB1" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.0166 3.13756) rotate(144.782) scale(2.01035 2.32839)"
      >
        <stop stopColor="#EBEBF4" />
        <stop offset={1} stopColor="#EBEBF4" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_8803"
        x1={16.3377}
        y1={6.65754}
        x2={16.3377}
        y2={4.78254}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9795A0" />
        <stop offset={1} stopColor="#9795A0" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint3_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.4889 2.88523) rotate(151.029) scale(6.98789 5.2787)"
      >
        <stop offset={0.678816} stopColor="#797982" stopOpacity={0} />
        <stop offset={0.928835} stopColor="#797982" />
      </radialGradient>
      <linearGradient
        id="paint4_linear_18_8803"
        x1={11.5541}
        y1={15.1262}
        x2={18.744}
        y2={15.1262}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B69CD4" />
        <stop offset={1} stopColor="#FFF1FF" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_8803"
        x1={9.55418}
        y1={20.9393}
        x2={12.6749}
        y2={20.9393}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9A8BAD" />
        <stop offset={1} stopColor="#9A8BAD" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_8803"
        x1={15.5551}
        y1={9.70435}
        x2={15.5551}
        y2={10.7356}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#9871BB" />
        <stop offset={1} stopColor="#9871BB" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_8803"
        x1={12.7571}
        y1={25.7947}
        x2={12.9858}
        y2={24.0665}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7C7B80" />
        <stop offset={1} stopColor="#7C7B80" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_8803"
        x1={13.2294}
        y1={14.0937}
        x2={18.8308}
        y2={11.6874}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DA2A3D" />
        <stop offset={1} stopColor="#FF4594" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_8803"
        x1={11.0993}
        y1={15.1587}
        x2={12.9533}
        y2={15.1587}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B17072" />
        <stop offset={1} stopColor="#B17072" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_18_8803"
        x1={19.3065}
        y1={9.40749}
        x2={19.0721}
        y2={10.5325}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.510815} stopColor="#9C487C" />
        <stop offset={1} stopColor="#9C487C" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18.1187 13.9314) rotate(-90) scale(3.12233 3.29741)"
      >
        <stop stopColor="#FF51AB" />
        <stop offset={1} stopColor="#FF51AB" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint12_linear_18_8803"
        x1={11.8065}
        y1={11.22}
        x2={14.6502}
        y2={11.22}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#385CB4" />
        <stop offset={1} stopColor="#2861D8" />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_8803"
        x1={11.0474}
        y1={11.6365}
        x2={12.3481}
        y2={11.6365}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#6171A5" />
        <stop offset={1} stopColor="#6171A5" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_8803"
        x1={14.4857}
        y1={9.75537}
        x2={14.4857}
        y2={10.3592}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#2851C7" />
        <stop offset={1} stopColor="#2851C7" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_8803"
        x1={18.5008}
        y1={15.7111}
        x2={12.4945}
        y2={16.8276}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#49A7FF" />
        <stop offset={1} stopColor="#2E60C6" />
      </linearGradient>
      <linearGradient
        id="paint16_linear_18_8803"
        x1={10.8626}
        y1={19.6441}
        x2={12.6377}
        y2={19.6441}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7A85AC" />
        <stop offset={1} stopColor="#7A85AC" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint17_linear_18_8803"
        x1={13.2294}
        y1={22.4843}
        x2={18.8308}
        y2={20.0781}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#DA2A3D" />
        <stop offset={1} stopColor="#FF4594" />
      </linearGradient>
      <linearGradient
        id="paint18_linear_18_8803"
        x1={11.0993}
        y1={23.5493}
        x2={12.9533}
        y2={23.5493}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#B17072" />
        <stop offset={1} stopColor="#B17072" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint19_linear_18_8803"
        x1={18.5008}
        y1={23.7615}
        x2={14.6886}
        y2={25.9472}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#49A7FF" />
        <stop offset={1} stopColor="#346CB6" />
      </linearGradient>
      <linearGradient
        id="paint20_linear_18_8803"
        x1={11.6346}
        y1={7.04462}
        x2={21.777}
        y2={7.04462}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AEAAB7" />
        <stop offset={1} stopColor="#C9C8CC" />
      </linearGradient>
      <radialGradient
        id="paint21_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.92253 6.33874) rotate(23.4481) scale(6.7223 5.95646)"
      >
        <stop stopColor="#85838A" />
        <stop offset={1} stopColor="#85838A" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint22_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.0804 10.314) rotate(-90) scale(3.00929 13.3746)"
      >
        <stop offset={0.0883176} stopColor="#A16CD2" />
        <stop offset={1} stopColor="#A16CD2" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint23_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.8885 6.23847) rotate(180) scale(6.68179 2.88643)"
      >
        <stop stopColor="#E1DEE7" />
        <stop offset={1} stopColor="#E1DEE7" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint24_linear_18_8803"
        x1={11.6346}
        y1={26.9518}
        x2={21.777}
        y2={26.9518}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#AEAAB7" />
        <stop offset={1} stopColor="#C9C8CC" />
      </linearGradient>
      <radialGradient
        id="paint25_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.92253 26.246) rotate(23.4481) scale(6.7223 5.95646)"
      >
        <stop stopColor="#85828D" />
        <stop offset={1} stopColor="#85828D" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint26_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.7166 30.2253) rotate(-85.4622) scale(3.31639 20.4992)"
      >
        <stop offset={0.103656} stopColor="#B372EC" />
        <stop offset={1} stopColor="#B372EC" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint27_radial_18_8803"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.8885 26.2075) rotate(180) scale(6.68179 2.88643)"
      >
        <stop stopColor="#E1DEE7" />
        <stop offset={1} stopColor="#E1DEE7" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = BarberPoleIcon;