@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
401 lines (400 loc) • 14 kB
JSX
const React = require("react");
const RockIcon = ({ 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_5697)">
<path
d="M9.05895 3.47662L7.93899 9.41243C7.86817 9.78775 7.6471 10.1178 7.327 10.3262L2.55671 13.4313C2.13148 13.7081 1.875 14.181 1.875 14.6884V20.5062C1.875 20.7252 1.94688 20.9381 2.0796 21.1123L8.45293 29.4764C8.68936 29.7866 9.05709 29.9688 9.44718 29.9688H24.3902C25.1381 29.9688 25.8034 29.4934 26.0458 28.7858L29.567 18.5043C29.8766 17.6003 29.4038 16.615 28.5048 16.291L25.0129 15.0323C24.8462 14.9722 24.7146 14.8415 24.6534 14.6753L21.0521 4.90241C20.8738 4.41858 20.4595 4.06025 19.9551 3.95353L11.1408 2.08898C10.1805 1.88584 9.24094 2.51209 9.05895 3.47662Z"
fill="url(#paint0_linear_18_5697)"
/>
</g>
<path
d="M9.05895 3.47662L7.93899 9.41243C7.86817 9.78775 7.6471 10.1178 7.327 10.3262L2.55671 13.4313C2.13148 13.7081 1.875 14.181 1.875 14.6884V20.5062C1.875 20.7252 1.94688 20.9381 2.0796 21.1123L8.45293 29.4764C8.68936 29.7866 9.05709 29.9688 9.44718 29.9688H24.3902C25.1381 29.9688 25.8034 29.4934 26.0458 28.7858L29.567 18.5043C29.8766 17.6003 29.4038 16.615 28.5048 16.291L25.0129 15.0323C24.8462 14.9722 24.7146 14.8415 24.6534 14.6753L21.0521 4.90241C20.8738 4.41858 20.4595 4.06025 19.9551 3.95353L11.1408 2.08898C10.1805 1.88584 9.24094 2.51209 9.05895 3.47662Z"
fill="url(#paint1_linear_18_5697)"
/>
<path
d="M9.05895 3.47662L7.93899 9.41243C7.86817 9.78775 7.6471 10.1178 7.327 10.3262L2.55671 13.4313C2.13148 13.7081 1.875 14.181 1.875 14.6884V20.5062C1.875 20.7252 1.94688 20.9381 2.0796 21.1123L8.45293 29.4764C8.68936 29.7866 9.05709 29.9688 9.44718 29.9688H24.3902C25.1381 29.9688 25.8034 29.4934 26.0458 28.7858L29.567 18.5043C29.8766 17.6003 29.4038 16.615 28.5048 16.291L25.0129 15.0323C24.8462 14.9722 24.7146 14.8415 24.6534 14.6753L21.0521 4.90241C20.8738 4.41858 20.4595 4.06025 19.9551 3.95353L11.1408 2.08898C10.1805 1.88584 9.24094 2.51209 9.05895 3.47662Z"
fill="url(#paint2_linear_18_5697)"
/>
<path
d="M8.94544 29.8636L10.0234 27.0391L8.78123 20.9375L7.77343 17.1094C7.6833 17.1719 5.01006 18.9815 2.0116 21.0107C2.03208 21.0458 2.05477 21.0797 2.07958 21.1123L8.45291 29.4764C8.58326 29.6474 8.75352 29.7795 8.94544 29.8636Z"
fill="url(#paint3_radial_18_5697)"
/>
<path
d="M8.94544 29.8636L10.0234 27.0391L8.78123 20.9375L7.77343 17.1094C7.6833 17.1719 5.01006 18.9815 2.0116 21.0107C2.03208 21.0458 2.05477 21.0797 2.07958 21.1123L8.45291 29.4764C8.58326 29.6474 8.75352 29.7795 8.94544 29.8636Z"
fill="url(#paint4_linear_18_5697)"
/>
<g filter="url(#filter1_f_18_5697)">
<path
d="M7.78125 17.125V10.185C7.78125 10.0449 7.89643 9.93212 8.03654 9.93509L14.7969 10.0781L17.8438 15.0312L8.8125 21.0938L7.78125 17.125Z"
fill="url(#paint5_linear_18_5697)"
/>
</g>
<g filter="url(#filter2_f_18_5697)">
<path
d="M20.848 4.6853L14.7969 10.0937L17.8438 15.0312H24.9062C24.7409 14.9707 24.6104 14.8406 24.5495 14.6753L20.9482 4.90238C20.9204 4.8268 20.8868 4.75428 20.848 4.6853Z"
fill="url(#paint6_linear_18_5697)"
/>
<path
d="M20.848 4.6853L14.7969 10.0937L17.8438 15.0312H24.9062C24.7409 14.9707 24.6104 14.8406 24.5495 14.6753L20.9482 4.90238C20.9204 4.8268 20.8868 4.75428 20.848 4.6853Z"
fill="url(#paint7_linear_18_5697)"
/>
<path
d="M20.848 4.6853L14.7969 10.0937L17.8438 15.0312H24.9062C24.7409 14.9707 24.6104 14.8406 24.5495 14.6753L20.9482 4.90238C20.9204 4.8268 20.8868 4.75428 20.848 4.6853Z"
fill="url(#paint8_linear_18_5697)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M25.0357 15.0405C24.9013 15.0782 24.8184 15.2244 24.8681 15.3647L26.875 21.0313L28.5464 21.4843L29.567 18.5043C29.8766 17.6003 29.4038 16.6151 28.5048 16.291L25.0357 15.0405Z"
fill="url(#paint9_radial_18_5697)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M25.0357 15.0405C24.9013 15.0782 24.8184 15.2244 24.8681 15.3647L26.875 21.0313L28.5464 21.4843L29.567 18.5043C29.8766 17.6003 29.4038 16.6151 28.5048 16.291L25.0357 15.0405Z"
fill="url(#paint10_linear_18_5697)"
/>
<path
d="M26.8695 21.0156L24.7278 27.0372L25.5408 29.5373C25.7671 29.34 25.9439 29.0834 26.0458 28.7858L28.5464 21.4843L26.875 21.0313L26.8695 21.0156Z"
fill="url(#paint11_linear_18_5697)"
/>
<g filter="url(#filter3_f_18_5697)">
<path
d="M25.545 29.4443L24.815 27.0625H9.99999L8.94141 29.7606C9.09868 29.8277 9.27064 29.8636 9.44717 29.8636H24.3902C24.8255 29.8636 25.2328 29.7085 25.545 29.4443Z"
fill="url(#paint12_linear_18_5697)"
/>
</g>
<g filter="url(#filter4_f_18_5697)">
<path
d="M14.7812 10.0312L20.375 4.8125"
stroke="url(#paint13_linear_18_5697)"
strokeWidth={0.2}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_f_18_5697)">
<path
d="M10.0156 27.0625L8.8125 21.1094L17.8125 15.0312H24.7188L26.875 21L24.7188 27.0625H10.0156Z"
fill="url(#paint14_linear_18_5697)"
/>
</g>
<defs>
<filter
id="filter0_i_18_5697"
x={1.875}
y={2.05078}
width={27.8869}
height={28.018}
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} 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.615686 0 0 0 0 0.615686 0 0 0 0 0.619608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_5697"
/>
</filter>
<filter
id="filter1_f_18_5697"
x={7.53125}
y={9.68506}
width={10.5625}
height={11.6587}
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_5697"
/>
</filter>
<filter
id="filter2_f_18_5697"
x={14.5469}
y={4.4353}
width={10.6094}
height={10.8459}
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_5697"
/>
</filter>
<filter
id="filter3_f_18_5697"
x={8.69141}
y={26.8125}
width={17.1036}
height={3.30115}
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_5697"
/>
</filter>
<filter
id="filter4_f_18_5697"
x={14.4813}
y={4.5124}
width={6.1937}
height={5.81895}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_5697"
/>
</filter>
<filter
id="filter5_f_18_5697"
x={8.5625}
y={14.7812}
width={18.5625}
height={12.5312}
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_5697"
/>
</filter>
<linearGradient
id="paint0_linear_18_5697"
x1={7.0625}
y1={7.8125}
x2={20.1875}
y2={7.8125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C1C1C2" />
<stop offset={1} stopColor="#DDDDDE" />
</linearGradient>
<linearGradient
id="paint1_linear_18_5697"
x1={1.875}
y1={20.5709}
x2={7.61392}
y2={18.3156}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B7B4BB" />
<stop offset={1} stopColor="#B7B4BB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_5697"
x1={17.5889}
y1={29.9687}
x2={17.5889}
y2={28.3319}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#988EA1" />
<stop offset={1} stopColor="#988EA1" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_5697"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.78206 17.8647) rotate(91.3322) scale(11.4443 7.18893)"
>
<stop stopColor="#D9D5DE" />
<stop offset={1} stopColor="#C2BEC8" />
</radialGradient>
<linearGradient
id="paint4_linear_18_5697"
x1={5.58695}
y1={27.643}
x2={7.58251}
y2={24.5831}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C2BDC9" />
<stop offset={1} stopColor="#C2BDC9" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_5697"
x1={15.3125}
y1={9.92969}
x2={8.5}
y2={20.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EEEAF3" />
<stop offset={1} stopColor="#E0DCE5" />
</linearGradient>
<linearGradient
id="paint6_linear_18_5697"
x1={22.4375}
y1={10.375}
x2={17.0625}
y2={12.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E4E3E5" />
<stop offset={1} stopColor="#D1D0D3" />
</linearGradient>
<linearGradient
id="paint7_linear_18_5697"
x1={17.4203}
y1={7.54797}
x2={17.8363}
y2={8.01391}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.234918} stopColor="#D0CFD2" />
<stop offset={1} stopColor="#D0CFD2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_5697"
x1={14.6305}
y1={10.3593}
x2={17.7002}
y2={11.1424}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CDCBCE" />
<stop offset={1} stopColor="#CDCBCE" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_5697"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.1329 17.0793) rotate(120.775) scale(4.53854 3.42258)"
>
<stop stopColor="#D8D6DB" />
<stop offset={1} stopColor="#C5C4C6" />
</radialGradient>
<linearGradient
id="paint10_linear_18_5697"
x1={27.013}
y1={15.6614}
x2={26.9286}
y2={15.9594}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B6B6B6" />
<stop offset={1} stopColor="#C3C3C4" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_5697"
x1={25.5814}
y1={27.0364}
x2={28.2091}
y2={21.0156}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B4B1B7" />
<stop offset={1} stopColor="#B8B5BB" />
</linearGradient>
<linearGradient
id="paint12_linear_18_5697"
x1={23.5265}
y1={29.1988}
x2={10.621}
y2={29.1988}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A9A1B3" />
<stop offset={1} stopColor="#A59DAD" />
</linearGradient>
<linearGradient
id="paint13_linear_18_5697"
x1={15.6875}
y1={9.5}
x2={21.8125}
y2={3.71875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DAD9DB" />
<stop offset={1} stopColor="#DAD9DB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_5697"
x1={24.5915}
y1={20.6962}
x2={13.1896}
y2={18.8794}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F9F5FD" />
<stop offset={1} stopColor="#C2BDC9" />
</linearGradient>
</defs>
</svg>
);
module.exports = RockIcon;