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

Fluent Emoji SVG icons for UI react development.

const React = require("react");
const CollisionIcon = ({ 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_7139_6201)">
      <path
        d="M9.4525 11.1792L6.52625 2.29157C6.44869 2.05599 6.7245 1.86342 6.91892 2.0174L14.0615 7.67418C14.2778 7.84554 14.5921 7.80918 14.7636 7.59295L17.3821 4.2919C17.5195 4.11871 17.7976 4.19596 17.8259 4.4152L18.3772 8.67866C18.4169 8.98562 18.7231 9.18315 19.0192 9.09273L26.2306 6.88997C26.4694 6.81703 26.6558 7.10072 26.4941 7.29098L21.8631 12.7392C21.659 12.9793 21.7253 13.3462 22.0006 13.4997L29.2782 17.5576C29.4956 17.6788 29.4216 18.0087 29.1732 18.0254L20.9154 18.5803C20.5827 18.6026 20.3647 18.9381 20.4794 19.2512L22.0422 23.5164C22.1274 23.7491 21.8586 23.9507 21.6591 23.8037L17.9624 21.0786C17.7025 20.887 17.3319 20.9883 17.2056 21.2854L13.6144 29.7321C13.5167 29.9617 13.1799 29.9223 13.1379 29.6764L11.4491 19.7909C11.4005 19.5063 11.1218 19.322 10.8409 19.3885L3.03433 21.2392C2.77742 21.3001 2.61378 20.9729 2.81662 20.8039L8.35473 16.1888C8.63055 15.9589 8.58141 15.5219 8.26142 15.359L4.30668 13.3464C4.09786 13.2401 4.13684 12.9307 4.3655 12.8796L9.08673 11.8235C9.37508 11.759 9.54491 11.4599 9.4525 11.1792Z"
        fill="url(#paint0_linear_7139_6201)"
      />
      <path
        d="M9.4525 11.1792L6.52625 2.29157C6.44869 2.05599 6.7245 1.86342 6.91892 2.0174L14.0615 7.67418C14.2778 7.84554 14.5921 7.80918 14.7636 7.59295L17.3821 4.2919C17.5195 4.11871 17.7976 4.19596 17.8259 4.4152L18.3772 8.67866C18.4169 8.98562 18.7231 9.18315 19.0192 9.09273L26.2306 6.88997C26.4694 6.81703 26.6558 7.10072 26.4941 7.29098L21.8631 12.7392C21.659 12.9793 21.7253 13.3462 22.0006 13.4997L29.2782 17.5576C29.4956 17.6788 29.4216 18.0087 29.1732 18.0254L20.9154 18.5803C20.5827 18.6026 20.3647 18.9381 20.4794 19.2512L22.0422 23.5164C22.1274 23.7491 21.8586 23.9507 21.6591 23.8037L17.9624 21.0786C17.7025 20.887 17.3319 20.9883 17.2056 21.2854L13.6144 29.7321C13.5167 29.9617 13.1799 29.9223 13.1379 29.6764L11.4491 19.7909C11.4005 19.5063 11.1218 19.322 10.8409 19.3885L3.03433 21.2392C2.77742 21.3001 2.61378 20.9729 2.81662 20.8039L8.35473 16.1888C8.63055 15.9589 8.58141 15.5219 8.26142 15.359L4.30668 13.3464C4.09786 13.2401 4.13684 12.9307 4.3655 12.8796L9.08673 11.8235C9.37508 11.759 9.54491 11.4599 9.4525 11.1792Z"
        fill="url(#paint1_linear_7139_6201)"
      />
    </g>
    <g filter="url(#filter1_f_7139_6201)">
      <path
        d="M10.8109 15.5007L9.15713 17.0435C8.97439 17.2139 9.12725 17.5174 9.37301 17.4721L12.4353 16.9074C12.5827 16.8802 12.7207 16.9879 12.7302 17.1374L13.0308 21.8957C13.0485 22.1747 13.4339 22.2331 13.5333 21.9717L15.1057 17.8377C15.1671 17.6765 15.3694 17.6244 15.501 17.7359L16.8931 18.9155C17.0775 19.0717 17.3543 18.9014 17.2979 18.6664L16.8357 16.7408C16.7964 16.577 16.9271 16.4219 17.0952 16.433L22.3585 16.7795C22.583 16.7942 22.6572 16.4846 22.4504 16.396L17.457 14.2579C17.3207 14.1996 17.2648 14.036 17.337 13.9065L18.2261 12.3107C18.337 12.1116 18.1454 11.88 17.9291 11.9517L15.977 12.5985C15.8136 12.6527 15.6456 12.5293 15.6484 12.3571L15.7102 8.60368C15.7146 8.33744 15.3551 8.24978 15.2364 8.48816L13.9091 11.1545C13.8393 11.2946 13.6594 11.3369 13.5345 11.2425L11.0889 9.39356C10.897 9.24849 10.631 9.43162 10.698 9.66265L11.6251 12.8578C11.6661 12.9989 11.577 13.1448 11.4327 13.1728L8.76675 13.6912C8.52792 13.7377 8.48941 14.0633 8.71082 14.1641L10.744 15.0904C10.9061 15.1642 10.9412 15.3791 10.8109 15.5007Z"
        fill="#A2131B"
      />
    </g>
    <g filter="url(#filter2_i_7139_6201)">
      <path
        d="M12.5389 15.3177L11.1103 16.6505C10.9276 16.8209 11.0804 17.1245 11.3262 17.0791L14.0198 16.5823C14.1672 16.5552 14.3052 16.6629 14.3146 16.8124L14.5805 21.0207C14.5982 21.2997 14.9836 21.3581 15.083 21.0967L16.4681 17.4553C16.5294 17.2941 16.7318 17.242 16.8634 17.3535L18.0576 18.3653C18.2419 18.5216 18.5187 18.3512 18.4623 18.1162L18.0636 16.4551C18.0243 16.2913 18.155 16.1362 18.3231 16.1473L22.9896 16.4545C23.214 16.4692 23.2882 16.1596 23.0814 16.071L18.6456 14.1717C18.5093 14.1133 18.4534 13.9497 18.5256 13.8202L19.2968 12.436C19.4078 12.2369 19.2162 12.0053 18.9998 12.077L17.3031 12.6392C17.1397 12.6934 16.9717 12.5699 16.9745 12.3978L17.0287 9.10368C17.0331 8.83744 16.6736 8.74978 16.555 8.98816L15.3999 11.3084C15.3301 11.4486 15.1502 11.4909 15.0253 11.3965L12.8695 9.76664C12.6776 9.62156 12.4116 9.8047 12.4786 10.0357L13.2987 12.8622C13.3397 13.0033 13.2506 13.1492 13.1064 13.1772L10.7667 13.6322C10.5279 13.6786 10.4894 14.0042 10.7108 14.1051L12.472 14.9074C12.6342 14.9813 12.6692 15.1962 12.5389 15.3177Z"
        fill="#FFB628"
      />
    </g>
    <g filter="url(#filter3_f_7139_6201)">
      <path
        d="M8 3.5L13.3438 7.92188"
        stroke="url(#paint2_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter4_f_7139_6201)">
      <path
        d="M17.5114 5.5L17.9549 8.78224C18.0095 9.18571 18.4088 9.44724 18.8005 9.33594V9.33594"
        stroke="url(#paint3_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter5_f_7139_6201)">
      <path
        d="M16.7114 9.5V12.375C16.7114 12.5994 16.8933 12.7812 17.1176 12.7812V12.7812"
        stroke="url(#paint4_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter6_f_7139_6201)">
      <path
        d="M18.7812 12.75L18.2461 13.7561C18.1121 14.008 18.2157 14.3208 18.4736 14.4429L21.5 15.875"
        stroke="url(#paint5_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter7_f_7139_6201)">
      <path
        d="M21.5145 23.3438L20.0614 19.5"
        stroke="url(#paint6_linear_7139_6201)"
        strokeOpacity={0.6}
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter8_f_7139_6201)">
      <path
        d="M28.1406 17.2109L21.6815 13.6492C21.2689 13.4217 21.0339 12.9682 21.0859 12.5V12.5"
        stroke="url(#paint7_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter9_f_7139_6201)">
      <path
        d="M13 10.5L14.9062 12.0469"
        stroke="url(#paint8_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter10_f_7139_6201)">
      <path
        d="M16.3125 17L15 20.5625"
        stroke="url(#paint9_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter11_f_7139_6201)">
      <path
        d="M17.5 15.75L18.0469 17.7188"
        stroke="url(#paint10_linear_7139_6201)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <g filter="url(#filter12_f_7139_6201)">
      <ellipse
        cx={18.8173}
        cy={12.49}
        rx={0.218424}
        ry={0.475137}
        transform="rotate(45.1328 18.8173 12.49)"
        fill="url(#paint11_linear_7139_6201)"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_7139_6201"
        x={2.72549}
        y={1.96216}
        width={26.8313}
        height={28.0721}
        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.5} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.770833 0 0 0 0 0.102778 0 0 0 0 0.344827 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_7139_6201"
        />
      </filter>
      <filter
        id="filter1_f_7139_6201"
        x={6.56438}
        y={6.34912}
        width={18.0077}
        height={17.7903}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_7139_6201"
        />
      </filter>
      <filter
        id="filter2_i_7139_6201"
        x={10.5644}
        y={8.84912}
        width={12.7887}
        height={12.6653}
        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.25} />
        <feGaussianBlur stdDeviation={0.2} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.966667 0 0 0 0 0.507026 0 0 0 0 0 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_7139_6201"
        />
      </filter>
      <filter
        id="filter3_f_7139_6201"
        x={7.625}
        y={3.125}
        width={6.09375}
        height={5.17188}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter4_f_7139_6201"
        x={17.1364}
        y={5.125}
        width={1.94825}
        height={4.61182}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter5_f_7139_6201"
        x={16.3364}
        y={9.125}
        width={1.03125}
        height={4.03125}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter6_f_7139_6201"
        x={17.8124}
        y={12.375}
        width={4.06268}
        height={3.875}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter7_f_7139_6201"
        x={19.6864}
        y={19.125}
        width={2.20319}
        height={4.59375}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter8_f_7139_6201"
        x={20.7038}
        y={12.2361}
        width={7.81187}
        height={5.34985}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter9_f_7139_6201"
        x={12.625}
        y={10.125}
        width={2.65627}
        height={2.29688}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter10_f_7139_6201"
        x={14.625}
        y={16.625}
        width={2.06256}
        height={4.3125}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter11_f_7139_6201"
        x={17.125}
        y={15.375}
        width={1.29694}
        height={2.71875}
        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_7139_6201"
        />
      </filter>
      <filter
        id="filter12_f_7139_6201"
        x={18.3469}
        y={12.0206}
        width={0.940837}
        height={0.93877}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.05}
          result="effect1_foregroundBlur_7139_6201"
        />
      </filter>
      <linearGradient
        id="paint0_linear_7139_6201"
        x1={18.9531}
        y1={28.8594}
        x2={16.0078}
        y2={-1.89062}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E81123" />
        <stop offset={0.371585} stopColor="#EA0A4F" />
        <stop offset={0.807292} stopColor="#EC008C" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_7139_6201"
        x1={18.9845}
        y1={12.3809}
        x2={19.7502}
        y2={-8.8381}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.29689} stopColor="#A11749" stopOpacity={0} />
        <stop offset={0.773939} stopColor="#A21749" />
        <stop offset={0.817708} stopColor="#A21749" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_7139_6201"
        x1={13.625}
        y1={8.26563}
        x2={9.36333}
        y2={6.12826}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF5696" />
        <stop offset={1} stopColor="#FF5696" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint3_linear_7139_6201"
        x1={16.8864}
        y1={9.3125}
        x2={14.2282}
        y2={5.2834}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF5696" />
        <stop offset={1} stopColor="#FF5696" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_7139_6201"
        x1={16.8364}
        y1={10.5781}
        x2={16.9145}
        y2={8.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD530" />
        <stop offset={1} stopColor="#FFD530" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint5_linear_7139_6201"
        x1={21.8594}
        y1={15.3281}
        x2={16.1719}
        y2={11.6719}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD530" stopOpacity={0} />
        <stop offset={0.412385} stopColor="#FFD530" />
        <stop offset={1} stopColor="#FFD530" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint6_linear_7139_6201"
        x1={20.0614}
        y1={19.6094}
        x2={25.3933}
        y2={26.0216}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.167051} stopColor="#FF5C7A" />
        <stop offset={0.75} stopColor="#FF5C7A" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_7139_6201"
        x1={21.7969}
        y1={14.0859}
        x2={29.7175}
        y2={15.3167}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF3E87" />
        <stop offset={1} stopColor="#FF3E87" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint8_linear_7139_6201"
        x1={14.875}
        y1={12.5938}
        x2={13.1094}
        y2={10.8438}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD530" />
        <stop offset={1} stopColor="#FFD530" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_7139_6201"
        x1={15.9062}
        y1={19.8594}
        x2={17.1719}
        y2={16.7031}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD530" />
        <stop offset={1} stopColor="#FFD530" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint10_linear_7139_6201"
        x1={18.5469}
        y1={17.6094}
        x2={17.6797}
        y2={14.4375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD530" />
        <stop offset={1} stopColor="#FFD530" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint11_linear_7139_6201"
        x1={18.8173}
        y1={12.0149}
        x2={18.6888}
        y2={12.8782}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFD530" />
        <stop offset={1} stopColor="#FFD530" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = CollisionIcon;