@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
431 lines (430 loc) • 20.3 kB
JSX
const React = require("react");
const ThoughtBalloonIcon = ({ 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_ii_7163_6153)">
<path
d="M30.0508 14.2855C30.0508 12.3517 28.8556 10.7098 27.1627 10.0098C26.9823 9.93523 26.8702 9.75088 26.8949 9.55718C26.9133 9.41245 26.9261 9.26676 26.9261 9.11471C26.9261 6.54425 24.8263 4.46199 22.2342 4.46199C21.3083 4.46199 20.4601 4.73467 19.7366 5.19804C19.521 5.33616 19.225 5.26822 19.0841 5.05439C18.4209 4.04817 17.2933 3.38599 15.995 3.38599C14.7079 3.38599 13.5756 4.0456 12.9237 5.0418C12.7832 5.25642 12.4873 5.32718 12.2707 5.18975C11.5478 4.731 10.7005 4.45203 9.77586 4.45203C7.18372 4.45203 5.08389 6.53429 5.08389 9.10474C5.08389 9.25505 5.09644 9.40224 5.11452 9.54632C5.13889 9.7405 5.02737 9.92591 4.84669 10.0011C3.14489 10.7092 1.94922 12.3513 1.94922 14.2855C1.94922 16.2193 3.1444 17.8611 4.83725 18.5611C5.0177 18.6358 5.12977 18.8201 5.10511 19.0138C5.08669 19.1585 5.07385 19.3042 5.07385 19.4563C5.07385 22.0267 7.17368 24.109 9.76581 24.109C10.691 24.109 11.5388 23.8367 12.2619 23.3739C12.4781 23.2356 12.7748 23.3042 12.916 23.5185C13.5727 24.5151 14.6976 25.175 15.9849 25.175C17.272 25.175 18.4043 24.5154 19.0562 23.5192C19.1967 23.3046 19.4926 23.2338 19.7092 23.3713C20.4321 23.83 21.2794 24.109 22.204 24.109C24.7962 24.109 26.896 22.0267 26.896 19.4563C26.896 19.3067 26.8836 19.1603 26.8656 19.0169C26.8412 18.8218 26.954 18.6356 27.136 18.5611C28.8467 17.8611 30.0508 16.2193 30.0508 14.2855Z"
fill="url(#paint0_radial_7163_6153)"
/>
<path
d="M30.0508 14.2855C30.0508 12.3517 28.8556 10.7098 27.1627 10.0098C26.9823 9.93523 26.8702 9.75088 26.8949 9.55718C26.9133 9.41245 26.9261 9.26676 26.9261 9.11471C26.9261 6.54425 24.8263 4.46199 22.2342 4.46199C21.3083 4.46199 20.4601 4.73467 19.7366 5.19804C19.521 5.33616 19.225 5.26822 19.0841 5.05439C18.4209 4.04817 17.2933 3.38599 15.995 3.38599C14.7079 3.38599 13.5756 4.0456 12.9237 5.0418C12.7832 5.25642 12.4873 5.32718 12.2707 5.18975C11.5478 4.731 10.7005 4.45203 9.77586 4.45203C7.18372 4.45203 5.08389 6.53429 5.08389 9.10474C5.08389 9.25505 5.09644 9.40224 5.11452 9.54632C5.13889 9.7405 5.02737 9.92591 4.84669 10.0011C3.14489 10.7092 1.94922 12.3513 1.94922 14.2855C1.94922 16.2193 3.1444 17.8611 4.83725 18.5611C5.0177 18.6358 5.12977 18.8201 5.10511 19.0138C5.08669 19.1585 5.07385 19.3042 5.07385 19.4563C5.07385 22.0267 7.17368 24.109 9.76581 24.109C10.691 24.109 11.5388 23.8367 12.2619 23.3739C12.4781 23.2356 12.7748 23.3042 12.916 23.5185C13.5727 24.5151 14.6976 25.175 15.9849 25.175C17.272 25.175 18.4043 24.5154 19.0562 23.5192C19.1967 23.3046 19.4926 23.2338 19.7092 23.3713C20.4321 23.83 21.2794 24.109 22.204 24.109C24.7962 24.109 26.896 22.0267 26.896 19.4563C26.896 19.3067 26.8836 19.1603 26.8656 19.0169C26.8412 18.8218 26.954 18.6356 27.136 18.5611C28.8467 17.8611 30.0508 16.2193 30.0508 14.2855Z"
fill="url(#paint1_radial_7163_6153)"
/>
<path
d="M30.0508 14.2855C30.0508 12.3517 28.8556 10.7098 27.1627 10.0098C26.9823 9.93523 26.8702 9.75088 26.8949 9.55718C26.9133 9.41245 26.9261 9.26676 26.9261 9.11471C26.9261 6.54425 24.8263 4.46199 22.2342 4.46199C21.3083 4.46199 20.4601 4.73467 19.7366 5.19804C19.521 5.33616 19.225 5.26822 19.0841 5.05439C18.4209 4.04817 17.2933 3.38599 15.995 3.38599C14.7079 3.38599 13.5756 4.0456 12.9237 5.0418C12.7832 5.25642 12.4873 5.32718 12.2707 5.18975C11.5478 4.731 10.7005 4.45203 9.77586 4.45203C7.18372 4.45203 5.08389 6.53429 5.08389 9.10474C5.08389 9.25505 5.09644 9.40224 5.11452 9.54632C5.13889 9.7405 5.02737 9.92591 4.84669 10.0011C3.14489 10.7092 1.94922 12.3513 1.94922 14.2855C1.94922 16.2193 3.1444 17.8611 4.83725 18.5611C5.0177 18.6358 5.12977 18.8201 5.10511 19.0138C5.08669 19.1585 5.07385 19.3042 5.07385 19.4563C5.07385 22.0267 7.17368 24.109 9.76581 24.109C10.691 24.109 11.5388 23.8367 12.2619 23.3739C12.4781 23.2356 12.7748 23.3042 12.916 23.5185C13.5727 24.5151 14.6976 25.175 15.9849 25.175C17.272 25.175 18.4043 24.5154 19.0562 23.5192C19.1967 23.3046 19.4926 23.2338 19.7092 23.3713C20.4321 23.83 21.2794 24.109 22.204 24.109C24.7962 24.109 26.896 22.0267 26.896 19.4563C26.896 19.3067 26.8836 19.1603 26.8656 19.0169C26.8412 18.8218 26.954 18.6356 27.136 18.5611C28.8467 17.8611 30.0508 16.2193 30.0508 14.2855Z"
fill="url(#paint2_radial_7163_6153)"
/>
<path
d="M30.0508 14.2855C30.0508 12.3517 28.8556 10.7098 27.1627 10.0098C26.9823 9.93523 26.8702 9.75088 26.8949 9.55718C26.9133 9.41245 26.9261 9.26676 26.9261 9.11471C26.9261 6.54425 24.8263 4.46199 22.2342 4.46199C21.3083 4.46199 20.4601 4.73467 19.7366 5.19804C19.521 5.33616 19.225 5.26822 19.0841 5.05439C18.4209 4.04817 17.2933 3.38599 15.995 3.38599C14.7079 3.38599 13.5756 4.0456 12.9237 5.0418C12.7832 5.25642 12.4873 5.32718 12.2707 5.18975C11.5478 4.731 10.7005 4.45203 9.77586 4.45203C7.18372 4.45203 5.08389 6.53429 5.08389 9.10474C5.08389 9.25505 5.09644 9.40224 5.11452 9.54632C5.13889 9.7405 5.02737 9.92591 4.84669 10.0011C3.14489 10.7092 1.94922 12.3513 1.94922 14.2855C1.94922 16.2193 3.1444 17.8611 4.83725 18.5611C5.0177 18.6358 5.12977 18.8201 5.10511 19.0138C5.08669 19.1585 5.07385 19.3042 5.07385 19.4563C5.07385 22.0267 7.17368 24.109 9.76581 24.109C10.691 24.109 11.5388 23.8367 12.2619 23.3739C12.4781 23.2356 12.7748 23.3042 12.916 23.5185C13.5727 24.5151 14.6976 25.175 15.9849 25.175C17.272 25.175 18.4043 24.5154 19.0562 23.5192C19.1967 23.3046 19.4926 23.2338 19.7092 23.3713C20.4321 23.83 21.2794 24.109 22.204 24.109C24.7962 24.109 26.896 22.0267 26.896 19.4563C26.896 19.3067 26.8836 19.1603 26.8656 19.0169C26.8412 18.8218 26.954 18.6356 27.136 18.5611C28.8467 17.8611 30.0508 16.2193 30.0508 14.2855Z"
fill="url(#paint3_linear_7163_6153)"
/>
<path
d="M30.0508 14.2855C30.0508 12.3517 28.8556 10.7098 27.1627 10.0098C26.9823 9.93523 26.8702 9.75088 26.8949 9.55718C26.9133 9.41245 26.9261 9.26676 26.9261 9.11471C26.9261 6.54425 24.8263 4.46199 22.2342 4.46199C21.3083 4.46199 20.4601 4.73467 19.7366 5.19804C19.521 5.33616 19.225 5.26822 19.0841 5.05439C18.4209 4.04817 17.2933 3.38599 15.995 3.38599C14.7079 3.38599 13.5756 4.0456 12.9237 5.0418C12.7832 5.25642 12.4873 5.32718 12.2707 5.18975C11.5478 4.731 10.7005 4.45203 9.77586 4.45203C7.18372 4.45203 5.08389 6.53429 5.08389 9.10474C5.08389 9.25505 5.09644 9.40224 5.11452 9.54632C5.13889 9.7405 5.02737 9.92591 4.84669 10.0011C3.14489 10.7092 1.94922 12.3513 1.94922 14.2855C1.94922 16.2193 3.1444 17.8611 4.83725 18.5611C5.0177 18.6358 5.12977 18.8201 5.10511 19.0138C5.08669 19.1585 5.07385 19.3042 5.07385 19.4563C5.07385 22.0267 7.17368 24.109 9.76581 24.109C10.691 24.109 11.5388 23.8367 12.2619 23.3739C12.4781 23.2356 12.7748 23.3042 12.916 23.5185C13.5727 24.5151 14.6976 25.175 15.9849 25.175C17.272 25.175 18.4043 24.5154 19.0562 23.5192C19.1967 23.3046 19.4926 23.2338 19.7092 23.3713C20.4321 23.83 21.2794 24.109 22.204 24.109C24.7962 24.109 26.896 22.0267 26.896 19.4563C26.896 19.3067 26.8836 19.1603 26.8656 19.0169C26.8412 18.8218 26.954 18.6356 27.136 18.5611C28.8467 17.8611 30.0508 16.2193 30.0508 14.2855Z"
fill="url(#paint4_radial_7163_6153)"
/>
</g>
<g filter="url(#filter1_i_7163_6153)">
<path
d="M4.69907 29.3C6.18765 29.3 7.39438 28.0933 7.39438 26.6047C7.39438 25.1162 6.18765 23.9094 4.69907 23.9094C3.21049 23.9094 2.00375 25.1162 2.00375 26.6047C2.00375 28.0933 3.21049 29.3 4.69907 29.3Z"
fill="url(#paint5_radial_7163_6153)"
/>
<path
d="M4.69907 29.3C6.18765 29.3 7.39438 28.0933 7.39438 26.6047C7.39438 25.1162 6.18765 23.9094 4.69907 23.9094C3.21049 23.9094 2.00375 25.1162 2.00375 26.6047C2.00375 28.0933 3.21049 29.3 4.69907 29.3Z"
fill="url(#paint6_radial_7163_6153)"
/>
<path
d="M4.69907 29.3C6.18765 29.3 7.39438 28.0933 7.39438 26.6047C7.39438 25.1162 6.18765 23.9094 4.69907 23.9094C3.21049 23.9094 2.00375 25.1162 2.00375 26.6047C2.00375 28.0933 3.21049 29.3 4.69907 29.3Z"
fill="url(#paint7_radial_7163_6153)"
/>
<path
d="M4.69907 29.3C6.18765 29.3 7.39438 28.0933 7.39438 26.6047C7.39438 25.1162 6.18765 23.9094 4.69907 23.9094C3.21049 23.9094 2.00375 25.1162 2.00375 26.6047C2.00375 28.0933 3.21049 29.3 4.69907 29.3Z"
fill="url(#paint8_linear_7163_6153)"
/>
<path
d="M4.69907 29.3C6.18765 29.3 7.39438 28.0933 7.39438 26.6047C7.39438 25.1162 6.18765 23.9094 4.69907 23.9094C3.21049 23.9094 2.00375 25.1162 2.00375 26.6047C2.00375 28.0933 3.21049 29.3 4.69907 29.3Z"
fill="url(#paint9_radial_7163_6153)"
/>
</g>
<g filter="url(#filter2_f_7163_6153)">
<path
d="M8.56381 12.4088L5.74737 8.61255L5.5 10.05L4.31693 10.5575L8.56381 12.4088Z"
fill="url(#paint10_linear_7163_6153)"
fillOpacity={0.6}
/>
</g>
<g filter="url(#filter3_f_7163_6153)">
<path
d="M24.2163 6.33765C26.2118 7.10675 26.2603 9.20445 26.0351 10.1572L22.9691 11.5083L24.2163 6.33765Z"
fill="url(#paint11_linear_7163_6153)"
/>
</g>
<g filter="url(#filter4_f_7163_6153)">
<path
d="M25.5428 17.8486C26.8925 19.589 25.6755 21.8114 24.8658 22.2913L20.8385 16.0813L25.5428 17.8486Z"
fill="url(#paint12_linear_7163_6153)"
/>
</g>
<g filter="url(#filter5_f_7163_6153)">
<path
d="M12.4199 6.18177C13.5008 7.30425 13.4104 9.1785 13.2371 9.87138L8.76804 5.55818C9.5358 5.24638 11.339 5.0593 12.4199 6.18177Z"
fill="#FAFAFC"
fillOpacity={0.25}
/>
</g>
<g filter="url(#filter6_f_7163_6153)">
<path
d="M18.448 9.63738L19.2795 5.88282C21.1373 4.90845 22.1376 5.02538 22.5404 5.02538L18.448 9.63738Z"
fill="#E6E4EC"
fillOpacity={0.5}
/>
</g>
<defs>
<filter
id="filter0_ii_7163_6153"
x={1.94922}
y={3.08599}
width={28.2015}
height={22.1891}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.716667 0 0 0 0 0.716667 0 0 0 0 0.716667 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_7163_6153"
/>
<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={-0.3} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.764633 0 0 0 0 0.670625 0 0 0 0 0.925 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_7163_6153"
result="effect2_innerShadow_7163_6153"
/>
</filter>
<filter
id="filter1_i_7163_6153"
x={2.00375}
y={23.9094}
width={5.49063}
height={5.49063}
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.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 0 0.758333 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_7163_6153"
/>
</filter>
<filter
id="filter2_f_7163_6153"
x={3.71693}
y={8.01255}
width={5.44687}
height={4.99639}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_7163_6153"
/>
</filter>
<filter
id="filter3_f_7163_6153"
x={21.9691}
y={5.33765}
width={5.15771}
height={7.17065}
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_7163_6153"
/>
</filter>
<filter
id="filter4_f_7163_6153"
x={18.8385}
y={14.0813}
width={9.30908}
height={10.21}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_7163_6153"
/>
</filter>
<filter
id="filter5_f_7163_6153"
x={7.76804}
y={4.31909}
width={6.57443}
height={6.55225}
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_7163_6153"
/>
</filter>
<filter
id="filter6_f_7163_6153"
x={17.448}
y={4.021}
width={6.09234}
height={6.61646}
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_7163_6153"
/>
</filter>
<radialGradient
id="paint0_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.587 7.19704) rotate(102.766) scale(15.7366 29.5915)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="#E4DBF7" />
</radialGradient>
<radialGradient
id="paint1_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.892 23.8432) rotate(-165.279) scale(24.1589 44.5976)"
>
<stop offset={0.523478} stopColor="#CECECE" stopOpacity={0} />
<stop offset={1} stopColor="#CECECE" />
</radialGradient>
<radialGradient
id="paint2_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.25 23.8938) rotate(-131.228) scale(24.1824 19.799)"
>
<stop offset={0.753049} stopColor="#CECECE" stopOpacity={0} />
<stop offset={1} stopColor="#CECECE" />
</radialGradient>
<linearGradient
id="paint3_linear_7163_6153"
x1={8.69054}
y1={13.6902}
x2={1.45065}
y2={24.4618}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.439002} stopColor="#B6A8F2" stopOpacity={0} />
<stop offset={0.96612} stopColor="#B6A8F2" />
</linearGradient>
<radialGradient
id="paint4_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.7568 10.6797) rotate(117.537) scale(29.6905 68.5894)"
>
<stop offset={0.278342} stopColor="#B6A8F2" stopOpacity={0} />
<stop offset={1} stopColor="#B6A8F2" />
</radialGradient>
<radialGradient
id="paint5_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.39438 25.0813) rotate(124.829) scale(4.34661 6.46334)"
>
<stop stopColor="white" />
<stop offset={1} stopColor="#E0D8F0" />
</radialGradient>
<radialGradient
id="paint6_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.63749 28.9706) rotate(-161.281) scale(4.73252 10.8045)"
>
<stop offset={0.523478} stopColor="#CECECE" stopOpacity={0} />
<stop offset={1} stopColor="#CECECE" />
</radialGradient>
<radialGradient
id="paint7_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.42684 29.2188) rotate(-128.192) scale(6.75541 7.42932)"
>
<stop offset={0.618588} stopColor="#CECECE" stopOpacity={0} />
<stop offset={1} stopColor="#CECECE" />
</radialGradient>
<linearGradient
id="paint8_linear_7163_6153"
x1={3.29692}
y1={26.4587}
x2={1.38211}
y2={28.6676}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.439002} stopColor="#B6A8F2" stopOpacity={0} />
<stop offset={0.96612} stopColor="#B6A8F2" />
</linearGradient>
<radialGradient
id="paint9_radial_7163_6153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.22789 25.7139) rotate(112.012) scale(7.02541 13.7567)"
>
<stop offset={0.278342} stopColor="#B6A8F2" stopOpacity={0} />
<stop offset={1} stopColor="#B6A8F2" />
</radialGradient>
<linearGradient
id="paint10_linear_7163_6153"
x1={8.76803}
y1={12.55}
x2={8.39609}
y2={9.54413}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.515508} stopColor="#CEC7D4" stopOpacity={0} />
<stop offset={1} stopColor="#CEC7D5" />
</linearGradient>
<linearGradient
id="paint11_linear_7163_6153"
x1={25.9052}
y1={10.7808}
x2={21.7219}
y2={8.78006}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_7163_6153"
x1={25.8532}
y1={22.3334}
x2={22.8387}
y2={16.8895}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="white" stopOpacity={0.6} />
<stop offset={1} stopColor="white" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = ThoughtBalloonIcon;