@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
336 lines (335 loc) • 11.7 kB
JSX
const React = require("react");
const BriefsIcon = ({ 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_16832)">
<path
d="M2.10938 13.5258H29.875V17.2947C29.875 18.902 29.2301 20.4421 28.0849 21.5698L21.6685 27.8884C20.359 29.178 18.5948 29.9008 16.7569 29.9008H15.2274C13.3895 29.9008 11.6254 29.178 10.3158 27.8884L3.89944 21.5698C2.75423 20.4421 2.10938 18.902 2.10938 17.2947V13.5258Z"
fill="url(#paint0_linear_18_16832)"
/>
<path
d="M2.10938 13.5258H29.875V17.2947C29.875 18.902 29.2301 20.4421 28.0849 21.5698L21.6685 27.8884C20.359 29.178 18.5948 29.9008 16.7569 29.9008H15.2274C13.3895 29.9008 11.6254 29.178 10.3158 27.8884L3.89944 21.5698C2.75423 20.4421 2.10938 18.902 2.10938 17.2947V13.5258Z"
fill="url(#paint1_radial_18_16832)"
/>
<path
d="M2.10938 13.5258H29.875V17.2947C29.875 18.902 29.2301 20.4421 28.0849 21.5698L21.6685 27.8884C20.359 29.178 18.5948 29.9008 16.7569 29.9008H15.2274C13.3895 29.9008 11.6254 29.178 10.3158 27.8884L3.89944 21.5698C2.75423 20.4421 2.10938 18.902 2.10938 17.2947V13.5258Z"
fill="url(#paint2_radial_18_16832)"
/>
<path
d="M2.10938 13.5258H29.875V17.2947C29.875 18.902 29.2301 20.4421 28.0849 21.5698L21.6685 27.8884C20.359 29.178 18.5948 29.9008 16.7569 29.9008H15.2274C13.3895 29.9008 11.6254 29.178 10.3158 27.8884L3.89944 21.5698C2.75423 20.4421 2.10938 18.902 2.10938 17.2947V13.5258Z"
fill="url(#paint3_linear_18_16832)"
/>
<path
d="M2.10938 13.5258H29.875V17.2947C29.875 18.902 29.2301 20.4421 28.0849 21.5698L21.6685 27.8884C20.359 29.178 18.5948 29.9008 16.7569 29.9008H15.2274C13.3895 29.9008 11.6254 29.178 10.3158 27.8884L3.89944 21.5698C2.75423 20.4421 2.10938 18.902 2.10938 17.2947V13.5258Z"
fill="url(#paint4_linear_18_16832)"
/>
<path
d="M2.10938 13.5258H29.875V17.2947C29.875 18.902 29.2301 20.4421 28.0849 21.5698L21.6685 27.8884C20.359 29.178 18.5948 29.9008 16.7569 29.9008H15.2274C13.3895 29.9008 11.6254 29.178 10.3158 27.8884L3.89944 21.5698C2.75423 20.4421 2.10938 18.902 2.10938 17.2947V13.5258Z"
fill="url(#paint5_linear_18_16832)"
/>
</g>
<path
d="M6.1084 23.7452L10.4836 13.5258H12.7103L7.67468 25.2876L6.1084 23.7452Z"
fill="url(#paint6_linear_18_16832)"
/>
<path
d="M6.1084 23.7452L10.4836 13.5258H12.7103L7.67468 25.2876L6.1084 23.7452Z"
fill="url(#paint7_linear_18_16832)"
/>
<path
d="M6.1084 23.7452L10.4836 13.5258H12.7103L7.67468 25.2876L6.1084 23.7452Z"
fill="url(#paint8_linear_18_16832)"
/>
<path
d="M6.1084 23.7452L10.4836 13.5258H12.7103L7.67468 25.2876L6.1084 23.7452Z"
fill="url(#paint9_linear_18_16832)"
/>
<path
d="M21.485 13.5258H19.2583L24.2985 25.2984L25.8648 23.756L21.485 13.5258Z"
fill="url(#paint10_linear_18_16832)"
/>
<path
d="M21.485 13.5258H19.2583L24.2985 25.2984L25.8648 23.756L21.485 13.5258Z"
fill="url(#paint11_linear_18_16832)"
/>
<path
d="M21.485 13.5258H19.2583L24.2985 25.2984L25.8648 23.756L21.485 13.5258Z"
fill="url(#paint12_linear_18_16832)"
/>
<path
d="M21.485 13.5258H19.2583L24.2985 25.2984L25.8648 23.756L21.485 13.5258Z"
fill="url(#paint13_linear_18_16832)"
/>
<g filter="url(#filter1_i_18_16832)">
<path
d="M2 12.1821C2 11.4917 2.55964 10.9321 3.25 10.9321H28.75C29.4404 10.9321 30 11.4917 30 12.1821V13.7321C30 13.8425 29.9105 13.9321 29.8 13.9321H2.2C2.08954 13.9321 2 13.8425 2 13.7321V12.1821Z"
fill="#5DECFF"
/>
<path
d="M2 12.1821C2 11.4917 2.55964 10.9321 3.25 10.9321H28.75C29.4404 10.9321 30 11.4917 30 12.1821V13.7321C30 13.8425 29.9105 13.9321 29.8 13.9321H2.2C2.08954 13.9321 2 13.8425 2 13.7321V12.1821Z"
fill="url(#paint14_linear_18_16832)"
/>
<path
d="M2 12.1821C2 11.4917 2.55964 10.9321 3.25 10.9321H28.75C29.4404 10.9321 30 11.4917 30 12.1821V13.7321C30 13.8425 29.9105 13.9321 29.8 13.9321H2.2C2.08954 13.9321 2 13.8425 2 13.7321V12.1821Z"
fill="url(#paint15_linear_18_16832)"
/>
</g>
<defs>
<filter
id="filter0_i_18_16832"
x={2.05937}
y={13.3758}
width={27.8156}
height={16.525}
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.05} dy={-0.15} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.368627 0 0 0 0 0.462745 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16832"
/>
</filter>
<filter
id="filter1_i_18_16832"
x={2}
y={10.9321}
width={28.1}
height={3.05}
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.05} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.27451 0 0 0 0 0.701961 0 0 0 0 0.87451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_16832"
/>
</filter>
<linearGradient
id="paint0_linear_18_16832"
x1={14.4844}
y1={13.5258}
x2={20.1719}
y2={26.0571}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#368CED" />
<stop offset={1} stopColor="#4AB7FF" />
</linearGradient>
<radialGradient
id="paint1_radial_18_16832"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.1094 29.9008) rotate(-123.843) scale(6.50908 10.6984)"
>
<stop stopColor="#46C7FF" />
<stop offset={1} stopColor="#46C7FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_16832"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.9219 14.1196) rotate(90) scale(9.9375 5.53769)"
>
<stop stopColor="#6AB0FF" />
<stop offset={1} stopColor="#6AB0FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint3_linear_18_16832"
x1={15.9922}
y1={13.6664}
x2={15.9922}
y2={14.1821}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#2271DD" />
<stop offset={1} stopColor="#2271DD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_16832"
x1={8.92187}
y1={27.9946}
x2={11.8594}
y2={25.2446}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.106152} stopColor="#4193FF" />
<stop offset={1} stopColor="#4193FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_16832"
x1={1.58779}
y1={16.6308}
x2={5.8598}
y2={16.6308}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#436FA9" />
<stop offset={1} stopColor="#2A80E2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_16832"
x1={11.3906}
y1={13.9321}
x2={6.60935}
y2={25.2876}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#56F1FF" />
<stop offset={1} stopColor="#56D0FF" />
</linearGradient>
<linearGradient
id="paint7_linear_18_16832"
x1={6.95309}
y1={24.8071}
x2={7.90622}
y2={23.4008}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5597FF" />
<stop offset={1} stopColor="#55C5FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_16832"
x1={11.4922}
y1={16.5414}
x2={11.2343}
y2={16.4399}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.175182} stopColor="#6BF7FF" />
<stop offset={1} stopColor="#6BF7FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_16832"
x1={7.67697}
y1={13.8693}
x2={7.67697}
y2={14.1971}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#48CEFF" />
<stop offset={1} stopColor="#48CEFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_16832"
x1={20.6092}
y1={14.3383}
x2={25.1405}
y2={24.1196}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#55EDFF" />
<stop offset={1} stopColor="#5EFAFF" />
</linearGradient>
<linearGradient
id="paint11_linear_18_16832"
x1={24.1085}
y1={19.5112}
x2={23.7968}
y2={19.6342}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.131367} stopColor="#64FBFF" />
<stop offset={1} stopColor="#64FBFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_16832"
x1={25.203}
y1={24.3696}
x2={24.9764}
y2={24.1352}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#62E0FF" />
<stop offset={1} stopColor="#62E0FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_16832"
x1={20.828}
y1={13.8696}
x2={20.828}
y2={14.1977}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#48CEFF" />
<stop offset={1} stopColor="#48CEFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_16832"
x1={2}
y1={13.9321}
x2={6.54687}
y2={13.9321}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4ACBFF" />
<stop offset={1} stopColor="#4ACBFF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_16832"
x1={30}
y1={13.9321}
x2={24.2969}
y2={13.9321}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.463014} stopColor="#7FFFFF" />
<stop offset={1} stopColor="#7FFFFF" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = BriefsIcon;