UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

249 lines (248 loc) 9.05 kB
const React = require("react"); const LotionBottleIcon = ({ 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} <rect x={13.9844} y={4.1875} width={4.03125} height={6.3125} fill="url(#paint0_linear_18_26067)" /> <rect x={13.9844} y={4.1875} width={4.03125} height={6.3125} fill="url(#paint1_radial_18_26067)" /> <rect x={13.9844} y={4.1875} width={4.03125} height={6.3125} fill="url(#paint2_radial_18_26067)" /> <path d="M13 3.54528C13 2.68524 13.7568 2.02163 14.6095 2.13402L21.0222 2.97928C21.5191 3.04478 21.8906 3.46845 21.8906 3.96973C21.8906 4.52147 21.4433 4.96875 20.8916 4.96875H14.4235C13.6373 4.96875 13 4.33144 13 3.54528Z" fill="#FF9294" /> <path d="M13 3.54528C13 2.68524 13.7568 2.02163 14.6095 2.13402L21.0222 2.97928C21.5191 3.04478 21.8906 3.46845 21.8906 3.96973C21.8906 4.52147 21.4433 4.96875 20.8916 4.96875H14.4235C13.6373 4.96875 13 4.33144 13 3.54528Z" fill="url(#paint3_linear_18_26067)" /> <path d="M13 3.54528C13 2.68524 13.7568 2.02163 14.6095 2.13402L21.0222 2.97928C21.5191 3.04478 21.8906 3.46845 21.8906 3.96973C21.8906 4.52147 21.4433 4.96875 20.8916 4.96875H14.4235C13.6373 4.96875 13 4.33144 13 3.54528Z" fill="url(#paint4_linear_18_26067)" /> <path d="M13 3.54528C13 2.68524 13.7568 2.02163 14.6095 2.13402L21.0222 2.97928C21.5191 3.04478 21.8906 3.46845 21.8906 3.96973C21.8906 4.52147 21.4433 4.96875 20.8916 4.96875H14.4235C13.6373 4.96875 13 4.33144 13 3.54528Z" fill="url(#paint5_radial_18_26067)" /> <g filter="url(#filter0_i_18_26067)"> <path d="M7.0625 13.6938C7.0625 10.0487 10.0174 7.09375 13.6625 7.09375H18.3375C21.9826 7.09375 24.9375 10.0487 24.9375 13.6937V26.8125C24.9375 28.4694 23.5944 29.8125 21.9375 29.8125H10.0625C8.40565 29.8125 7.0625 28.4694 7.0625 26.8125V13.6938Z" fill="url(#paint6_linear_18_26067)" /> <path d="M7.0625 13.6938C7.0625 10.0487 10.0174 7.09375 13.6625 7.09375H18.3375C21.9826 7.09375 24.9375 10.0487 24.9375 13.6937V26.8125C24.9375 28.4694 23.5944 29.8125 21.9375 29.8125H10.0625C8.40565 29.8125 7.0625 28.4694 7.0625 26.8125V13.6938Z" fill="url(#paint7_linear_18_26067)" /> <path d="M7.0625 13.6938C7.0625 10.0487 10.0174 7.09375 13.6625 7.09375H18.3375C21.9826 7.09375 24.9375 10.0487 24.9375 13.6937V26.8125C24.9375 28.4694 23.5944 29.8125 21.9375 29.8125H10.0625C8.40565 29.8125 7.0625 28.4694 7.0625 26.8125V13.6938Z" fill="url(#paint8_radial_18_26067)" /> <path d="M7.0625 13.6938C7.0625 10.0487 10.0174 7.09375 13.6625 7.09375H18.3375C21.9826 7.09375 24.9375 10.0487 24.9375 13.6937V26.8125C24.9375 28.4694 23.5944 29.8125 21.9375 29.8125H10.0625C8.40565 29.8125 7.0625 28.4694 7.0625 26.8125V13.6938Z" fill="url(#paint9_linear_18_26067)" /> </g> <path d="M7.0625 13.6938C7.0625 10.0487 10.0174 7.09375 13.6625 7.09375H18.3375C21.9826 7.09375 24.9375 10.0487 24.9375 13.6937V26.8125C24.9375 28.4694 23.5944 29.8125 21.9375 29.8125H10.0625C8.40565 29.8125 7.0625 28.4694 7.0625 26.8125V13.6938Z" fill="url(#paint10_linear_18_26067)" /> <path opacity={0.5} d="M12.4998 19.1141L15.2579 13.4386C15.4326 13.1318 15.6445 12.938 15.9297 12.938C16.2344 12.938 16.4517 13.1294 16.6258 13.4386L19.5308 19.2598L19.5263 19.2597C19.8174 19.8152 19.9821 20.4474 19.9821 21.118C19.9821 23.3322 18.1872 25.1272 15.973 25.1272C13.7588 25.1272 11.9639 23.3322 11.9639 21.118C11.9639 20.4243 12.1401 19.7717 12.4502 19.2026L12.4743 19.1588C12.4828 19.1439 12.4912 19.129 12.4998 19.1141Z" fill="url(#paint11_linear_18_26067)" /> <defs> <filter id="filter0_i_18_26067" x={7.0625} y={7.09375} width={19.375} height={22.7188} 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={1.5} /> <feGaussianBlur stdDeviation={1.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.8 0 0 0 0 0.643137 0 0 0 0 0.627451 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_26067" /> </filter> <linearGradient id="paint0_linear_18_26067" x1={16.9687} y1={6.5625} x2={13.9844} y2={6.5625} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF878D" /> <stop offset={1} stopColor="#CF696E" /> </linearGradient> <radialGradient id="paint1_radial_18_26067" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.6563 7.34375) rotate(-83.0317) scale(2.83343 5.21742)" > <stop offset={0.582289} stopColor="#D6606B" stopOpacity={0} /> <stop offset={0.94733} stopColor="#B9535B" /> </radialGradient> <radialGradient id="paint2_radial_18_26067" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.7188 7.34375) rotate(-90) scale(2.28125 0.636628)" > <stop stopColor="#FF8B93" /> <stop offset={1} stopColor="#FF8B93" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_26067" x1={19} y1={4.96875} x2={19.0313} y2={3.54517} gradientUnits="userSpaceOnUse" > <stop stopColor="#F56E7B" /> <stop offset={1} stopColor="#F56E7B" stopOpacity={0} /> </linearGradient> <linearGradient id="paint4_linear_18_26067" x1={13} y1={3.8125} x2={14.7188} y2={3.8125} gradientUnits="userSpaceOnUse" > <stop offset={0.127273} stopColor="#D47F84" /> <stop offset={1} stopColor="#D47F84" stopOpacity={0} /> </linearGradient> <radialGradient id="paint5_radial_18_26067" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.5 3.54517) rotate(180) scale(0.796874 0.33548)" > <stop offset={0.309858} stopColor="#FFABB2" /> <stop offset={1} stopColor="#FFABB2" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_26067" x1={23.8437} y1={20.375} x2={13.0937} y2={20.4375} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFDFDD" /> <stop offset={1} stopColor="#ECACB9" /> </linearGradient> <linearGradient id="paint7_linear_18_26067" x1={16} y1={7.09375} x2={16} y2={12.25} gradientUnits="userSpaceOnUse" > <stop stopColor="#FAC5BC" /> <stop offset={1} stopColor="#FAC5BC" stopOpacity={0} /> </linearGradient> <radialGradient id="paint8_radial_18_26067" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.9687 10.625) rotate(180) scale(7.3125 5.91964)" > <stop stopColor="#FFF3EB" /> <stop offset={1} stopColor="#FFE1E2" stopOpacity={0} /> </radialGradient> <linearGradient id="paint9_linear_18_26067" x1={26.4688} y1={25.0625} x2={23.2187} y2={25.0625} gradientUnits="userSpaceOnUse" > <stop offset={0.153846} stopColor="#FFC6C4" /> <stop offset={1} stopColor="#FFC6C4" stopOpacity={0} /> </linearGradient> <linearGradient id="paint10_linear_18_26067" x1={18.6563} y1={29.8125} x2={18.6563} y2={27.1875} gradientUnits="userSpaceOnUse" > <stop stopColor="#C675AE" /> <stop offset={1} stopColor="#E693B9" stopOpacity={0} /> </linearGradient> <linearGradient id="paint11_linear_18_26067" x1={20.4688} y1={21.5625} x2={11.9639} y2={21.5625} gradientUnits="userSpaceOnUse" > <stop offset={0.169021} stopColor="#FFF3FF" /> <stop offset={1} stopColor="#F2C6E2" /> </linearGradient> </defs> </svg> ); module.exports = LotionBottleIcon;