@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
457 lines (456 loc) • 16.6 kB
JSX
const React = require("react");
const GraduationCapIcon = ({ 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_17524)">
<path
d="M4.71558 14.0132H27.0437V15.6655C27.0437 19.8077 23.6858 23.1655 19.5437 23.1655H12.2156C8.07344 23.1655 4.71558 19.8077 4.71558 15.6655V14.0132Z"
fill="url(#paint0_linear_18_17524)"
/>
</g>
<g filter="url(#filter1_ii_18_17524)">
<path
d="M15.2889 20.399L2.59963 13.9174C1.79912 13.5085 1.8004 12.3642 2.60183 11.9571L15.2903 5.51181C15.6606 5.32369 16.0985 5.32387 16.4687 5.51229L29.1582 11.9711C29.9593 12.3789 29.9596 13.5232 29.1588 13.9315L16.4706 20.3995C16.0994 20.5887 15.6599 20.5885 15.2889 20.399Z"
fill="url(#paint1_linear_18_17524)"
/>
</g>
<g filter="url(#filter2_f_18_17524)">
<path
d="M16.4187 19.2632L28.8875 12.6694"
stroke="url(#paint2_linear_18_17524)"
strokeWidth={0.7}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18_17524)">
<path
d="M23.1374 17.3248L21.7301 18.0422V17.5422C21.7301 16.875 21.643 16.3736 20.7853 15.961L15.2118 13.0473C14.8638 12.8654 14.7256 12.4288 14.903 12.0721C15.0804 11.7154 15.5063 11.5737 15.8543 11.7556L21.4278 14.6692C22.418 15.1869 23.0634 16.1985 23.1374 17.3248Z"
fill="url(#paint3_linear_18_17524)"
/>
</g>
<g filter="url(#filter4_f_18_17524)">
<path
d="M23.646 16.7417L22.2387 17.4591V16.9591C22.2387 16.2919 22.1516 15.7905 21.2938 15.3778L15.7203 12.4642C15.3724 12.2823 15.2341 11.8456 15.4116 11.4889C15.589 11.1322 16.0149 10.9905 16.3628 11.1724L21.9364 14.0861C22.9265 14.6037 23.5719 15.6153 23.646 16.7417Z"
fill="url(#paint4_linear_18_17524)"
/>
</g>
<g filter="url(#filter5_i_18_17524)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.4135 11.1683C15.5954 10.8116 16.032 10.6698 16.3887 10.8517L22.1026 13.7654C23.1826 14.3162 23.8625 15.4261 23.8625 16.6384V22.482C23.8625 22.8824 23.5379 23.207 23.1375 23.207C22.7371 23.207 22.4125 22.8824 22.4125 22.482V16.6384C22.4125 15.9712 22.0383 15.3603 21.4439 15.0572L15.73 12.1435C15.3733 11.9616 15.2316 11.525 15.4135 11.1683Z"
fill="url(#paint5_linear_18_17524)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.4135 11.1683C15.5954 10.8116 16.032 10.6698 16.3887 10.8517L22.1026 13.7654C23.1826 14.3162 23.8625 15.4261 23.8625 16.6384V22.482C23.8625 22.8824 23.5379 23.207 23.1375 23.207C22.7371 23.207 22.4125 22.8824 22.4125 22.482V16.6384C22.4125 15.9712 22.0383 15.3603 21.4439 15.0572L15.73 12.1435C15.3733 11.9616 15.2316 11.525 15.4135 11.1683Z"
fill="url(#paint6_radial_18_17524)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.4135 11.1683C15.5954 10.8116 16.032 10.6698 16.3887 10.8517L22.1026 13.7654C23.1826 14.3162 23.8625 15.4261 23.8625 16.6384V22.482C23.8625 22.8824 23.5379 23.207 23.1375 23.207C22.7371 23.207 22.4125 22.8824 22.4125 22.482V16.6384C22.4125 15.9712 22.0383 15.3603 21.4439 15.0572L15.73 12.1435C15.3733 11.9616 15.2316 11.525 15.4135 11.1683Z"
fill="url(#paint7_linear_18_17524)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.4135 11.1683C15.5954 10.8116 16.032 10.6698 16.3887 10.8517L22.1026 13.7654C23.1826 14.3162 23.8625 15.4261 23.8625 16.6384V22.482C23.8625 22.8824 23.5379 23.207 23.1375 23.207C22.7371 23.207 22.4125 22.8824 22.4125 22.482V16.6384C22.4125 15.9712 22.0383 15.3603 21.4439 15.0572L15.73 12.1435C15.3733 11.9616 15.2316 11.525 15.4135 11.1683Z"
fill="url(#paint8_linear_18_17524)"
/>
<path
d="M22.4187 22.4741C21.7703 22.7397 21.4695 23.2971 21.4695 23.9038C21.4695 24.825 22.2163 25.5718 23.1375 25.5718C24.0586 25.5718 24.8054 24.825 24.8054 23.9038C24.8054 23.2971 24.45 22.7554 23.864 22.4741H22.4187Z"
fill="url(#paint9_radial_18_17524)"
/>
<path
d="M22.4187 22.4741C21.7703 22.7397 21.4695 23.2971 21.4695 23.9038C21.4695 24.825 22.2163 25.5718 23.1375 25.5718C24.0586 25.5718 24.8054 24.825 24.8054 23.9038C24.8054 23.2971 24.45 22.7554 23.864 22.4741H22.4187Z"
fill="url(#paint10_radial_18_17524)"
/>
<path
d="M22.4187 22.4741C21.7703 22.7397 21.4695 23.2971 21.4695 23.9038C21.4695 24.825 22.2163 25.5718 23.1375 25.5718C24.0586 25.5718 24.8054 24.825 24.8054 23.9038C24.8054 23.2971 24.45 22.7554 23.864 22.4741H22.4187Z"
fill="url(#paint11_radial_18_17524)"
/>
<path
d="M21.2256 27.6467L21.864 24.9976H24.3914L25.0425 27.6239C25.0991 27.8087 25.1296 28.0051 25.1296 28.2085C25.1296 29.3088 24.2377 30.2007 23.1375 30.2007C22.0372 30.2007 21.1453 29.3088 21.1453 28.2085C21.1453 28.0134 21.1733 27.8248 21.2256 27.6467Z"
fill="#FF9D4E"
/>
<path
d="M21.2256 27.6467L21.864 24.9976H24.3914L25.0425 27.6239C25.0991 27.8087 25.1296 28.0051 25.1296 28.2085C25.1296 29.3088 24.2377 30.2007 23.1375 30.2007C22.0372 30.2007 21.1453 29.3088 21.1453 28.2085C21.1453 28.0134 21.1733 27.8248 21.2256 27.6467Z"
fill="url(#paint12_linear_18_17524)"
/>
<path
d="M21.2256 27.6467L21.864 24.9976H24.3914L25.0425 27.6239C25.0991 27.8087 25.1296 28.0051 25.1296 28.2085C25.1296 29.3088 24.2377 30.2007 23.1375 30.2007C22.0372 30.2007 21.1453 29.3088 21.1453 28.2085C21.1453 28.0134 21.1733 27.8248 21.2256 27.6467Z"
fill="url(#paint13_radial_18_17524)"
/>
<path
d="M21.2256 27.6467L21.864 24.9976H24.3914L25.0425 27.6239C25.0991 27.8087 25.1296 28.0051 25.1296 28.2085C25.1296 29.3088 24.2377 30.2007 23.1375 30.2007C22.0372 30.2007 21.1453 29.3088 21.1453 28.2085C21.1453 28.0134 21.1733 27.8248 21.2256 27.6467Z"
fill="url(#paint14_radial_18_17524)"
/>
<defs>
<filter
id="filter0_i_18_17524"
x={4.46558}
y={13.7632}
width={22.5781}
height={9.40234}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.470588 0 0 0 0 0.372549 0 0 0 0 0.658824 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17524"
/>
</filter>
<filter
id="filter1_ii_18_17524"
x={1}
y={4.62085}
width={28.7593}
height={15.9204}
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={-1.25} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.133333 0 0 0 0 0.0980392 0 0 0 0 0.176471 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17524"
/>
<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={-1} dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.372549 0 0 0 0 0.254902 0 0 0 0 0.501961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_17524"
result="effect2_innerShadow_18_17524"
/>
</filter>
<filter
id="filter2_f_18_17524"
x={15.5686}
y={11.8193}
width={14.1689}
height={8.29395}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_17524"
/>
</filter>
<filter
id="filter3_f_18_17524"
x={14.3257}
y={11.1763}
width={9.31177}
height={7.36597}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_17524"
/>
</filter>
<filter
id="filter4_f_18_17524"
x={14.9342}
y={10.6931}
width={9.11177}
height={7.16597}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_17524"
/>
</filter>
<filter
id="filter5_i_18_17524"
x={15.3342}
y={10.7725}
width={8.92832}
height={12.5846}
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.15} />
<feGaussianBlur stdDeviation={0.325} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.8 0 0 0 0 0.458824 0 0 0 0 0.227451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_17524"
/>
</filter>
<linearGradient
id="paint0_linear_18_17524"
x1={25.95}
y1={18.5894}
x2={5.94995}
y2={18.5894}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#68518B" />
<stop stopColor="#68518B" />
<stop offset={0.44375} stopColor="#503678" />
<stop offset={0.909375} stopColor="#35254E" />
</linearGradient>
<linearGradient
id="paint1_linear_18_17524"
x1={28.1921}
y1={12.9561}
x2={7.26245}
y2={12.9561}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#655676" />
<stop offset={1} stopColor="#2D2635" />
</linearGradient>
<linearGradient
id="paint2_linear_18_17524"
x1={17.7625}
y1={19.2632}
x2={29.95}
y2={12.2632}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6E5F85" />
<stop offset={1} stopColor="#9A8DA7" />
</linearGradient>
<linearGradient
id="paint3_linear_18_17524"
x1={17.4429}
y1={13.2102}
x2={23.8572}
y2={18.4582}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3C2D42" />
<stop offset={1} stopColor="#3D2C43" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_17524"
x1={17.0348}
y1={12.6854}
x2={22.0787}
y2={17.1462}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2C1A20" />
<stop offset={1} stopColor="#4C2350" />
</linearGradient>
<linearGradient
id="paint5_linear_18_17524"
x1={17.2625}
y1={11.2632}
x2={23.3875}
y2={23.207}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D3A543" />
<stop offset={1} stopColor="#FFBA62" />
</linearGradient>
<radialGradient
id="paint6_radial_18_17524"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6842 10.4633) rotate(26.9588) scale(3.89487 2.42803)"
>
<stop stopColor="#D0A745" />
<stop offset={1} stopColor="#D0A745" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint7_linear_18_17524"
x1={24.2735}
y1={18.2146}
x2={23.0764}
y2={18.3044}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD574" />
<stop offset={1} stopColor="#FFD574" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_17524"
x1={22.0887}
y1={13.3214}
x2={21.6249}
y2={14.2043}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFD574" />
<stop offset={1} stopColor="#FFD574" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_17524"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.1538 23.3921) rotate(137.337) scale(2.07561 2.23528)"
>
<stop stopColor="#FFCC6C" />
<stop offset={1} stopColor="#F49041" />
</radialGradient>
<radialGradient
id="paint10_radial_18_17524"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.4403 24.2893) rotate(-157.449) scale(3.7252 2.99627)"
>
<stop offset={0.6} stopColor="#B25D41" stopOpacity={0} />
<stop offset={0.910505} stopColor="#B25D41" />
</radialGradient>
<radialGradient
id="paint11_radial_18_17524"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.8454 25.0765) rotate(-8.85796) scale(2.27208 1.10448)"
>
<stop stopColor="#FD805E" />
<stop offset={1} stopColor="#FD805E" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint12_linear_18_17524"
x1={21.3498}
y1={27.5991}
x2={22.8659}
y2={27.8463}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D17047" />
<stop offset={1} stopColor="#D17047" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint13_radial_18_17524"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.0904 24.7266) rotate(90) scale(4.37335 1.34116)"
>
<stop offset={0.566667} stopColor="#FFBC6E" />
<stop offset={1} stopColor="#FFBC6E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_17524"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.3994 30.2007) rotate(-77.3666) scale(2.66611 3.07857)"
>
<stop offset={0.165333} stopColor="#FF697E" />
<stop offset={1} stopColor="#FF697E" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = GraduationCapIcon;