UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

247 lines (246 loc) 9.35 kB
const React = require("react"); const MountainIcon = ({ 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} <path d="M8.96108 9.83507C7.66782 9.83507 7.51414 10.5635 7.59896 10.9277V25.3326H29.9916V15.059L22.9265 8.03882H12.2391C11.1764 9.0866 10.5777 9.83507 8.96108 9.83507Z" fill="url(#paint0_radial_18_4930)" /> <path d="M8.96108 9.83507C7.66782 9.83507 7.51414 10.5635 7.59896 10.9277V25.3326H29.9916V15.059L22.9265 8.03882H12.2391C11.1764 9.0866 10.5777 9.83507 8.96108 9.83507Z" fill="url(#paint1_linear_18_4930)" /> <path d="M8.96108 9.83507C7.66782 9.83507 7.51414 10.5635 7.59896 10.9277V25.3326H29.9916V15.059L22.9265 8.03882H12.2391C11.1764 9.0866 10.5777 9.83507 8.96108 9.83507Z" fill="url(#paint2_radial_18_4930)" /> <g filter="url(#filter0_f_18_4930)"> <path d="M19.1449 7.37598L28.6743 16.8497" stroke="url(#paint3_linear_18_4930)" strokeWidth={2} strokeLinecap="round" /> </g> <path d="M16.0446 9.80281C14.4967 9.80281 13.2886 9.25543 11.7878 8.49092C12.4422 7.8365 14.0436 6.2332 15.214 5.05531C16.6769 3.58295 18.6401 3.71506 19.9521 5.05531C21.0016 6.12751 22.5602 7.67289 23.2083 8.31155C23.1045 8.2801 22.7137 8.2172 21.9813 8.2172C21.0658 8.2172 20.0087 8.56642 19.4046 8.88733C18.8006 9.20823 17.5925 9.80281 16.0446 9.80281Z" fill="url(#paint4_linear_18_4930)" /> <path d="M16.0446 9.80281C14.4967 9.80281 13.2886 9.25543 11.7878 8.49092C12.4422 7.8365 14.0436 6.2332 15.214 5.05531C16.6769 3.58295 18.6401 3.71506 19.9521 5.05531C21.0016 6.12751 22.5602 7.67289 23.2083 8.31155C23.1045 8.2801 22.7137 8.2172 21.9813 8.2172C21.0658 8.2172 20.0087 8.56642 19.4046 8.88733C18.8006 9.20823 17.5925 9.80281 16.0446 9.80281Z" fill="url(#paint5_linear_18_4930)" /> <path d="M16.0446 9.80281C14.4967 9.80281 13.2886 9.25543 11.7878 8.49092C12.4422 7.8365 14.0436 6.2332 15.214 5.05531C16.6769 3.58295 18.6401 3.71506 19.9521 5.05531C21.0016 6.12751 22.5602 7.67289 23.2083 8.31155C23.1045 8.2801 22.7137 8.2172 21.9813 8.2172C21.0658 8.2172 20.0087 8.56642 19.4046 8.88733C18.8006 9.20823 17.5925 9.80281 16.0446 9.80281Z" fill="url(#paint6_radial_18_4930)" /> <path d="M16.0446 9.80281C14.4967 9.80281 13.2886 9.25543 11.7878 8.49092C12.4422 7.8365 14.0436 6.2332 15.214 5.05531C16.6769 3.58295 18.6401 3.71506 19.9521 5.05531C21.0016 6.12751 22.5602 7.67289 23.2083 8.31155C23.1045 8.2801 22.7137 8.2172 21.9813 8.2172C21.0658 8.2172 20.0087 8.56642 19.4046 8.88733C18.8006 9.20823 17.5925 9.80281 16.0446 9.80281Z" fill="url(#paint7_radial_18_4930)" /> <path d="M5.95235 11.257C5.05425 12.3467 2.93714 14.8762 1.99084 16.0047V25.3273H22.9564L15.8165 18.1574C14.7508 17.0797 13.3467 16.2265 11.7002 16.2265C9.97884 16.2265 8.97596 14.7596 8.97596 13.0233C8.97596 11.6312 8.96095 10.763 8.97596 9.83496C8.06289 9.83496 7.07498 9.89488 5.95235 11.257Z" fill="url(#paint8_linear_18_4930)" /> <g filter="url(#filter1_i_18_4930)"> <path d="M10.9968 23.0371C7.04513 21.6749 4.14124 21.9444 2.01575 22.4832V30.0124H29.9843V22.4778C26.811 23.8847 23.4055 25.0429 19.9927 25.0429C16.58 25.0429 14.9484 24.3992 10.9968 23.0371Z" fill="url(#paint9_radial_18_4930)" /> </g> <path d="M10.9968 23.0371C7.04513 21.6749 4.14124 21.9444 2.01575 22.4832V30.0124H29.9843V22.4778C26.811 23.8847 23.4055 25.0429 19.9927 25.0429C16.58 25.0429 14.9484 24.3992 10.9968 23.0371Z" fill="url(#paint10_radial_18_4930)" /> <defs> <filter id="filter0_f_18_4930" x={16.1449} y={4.37598} width={15.5294} height={15.4736} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_18_4930" /> </filter> <filter id="filter1_i_18_4930" x={2.01575} y={21.7932} width={28.2186} height={8.21924} 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={1} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.145098 0 0 0 0 0.298039 0 0 0 0 0.278431 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_4930" /> </filter> <radialGradient id="paint0_radial_18_4930" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.6718 8.03882) rotate(46.167) scale(20.9368 25.5307)" > <stop stopColor="#644E46" /> <stop offset={0.342372} stopColor="#9A6B5B" /> <stop offset={1} stopColor="#BA7B67" /> </radialGradient> <linearGradient id="paint1_linear_18_4930" x1={30.6805} y1={19.3574} x2={28.6743} y2={19.3574} gradientUnits="userSpaceOnUse" > <stop stopColor="#987469" /> <stop offset={1} stopColor="#987469" stopOpacity={0} /> </linearGradient> <radialGradient id="paint2_radial_18_4930" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.4174 4.86822) rotate(86.3696) scale(21.6099 28.0052)" > <stop offset={0.858236} stopColor="#9D6F60" stopOpacity={0} /> <stop offset={1} stopColor="#9D6F60" /> </radialGradient> <linearGradient id="paint3_linear_18_4930" x1={19.4235} y1={7.8218} x2={30.2904} y2={17.8528} gradientUnits="userSpaceOnUse" > <stop offset={0.640625} stopColor="#BB8672" /> <stop offset={1} stopColor="#BB8672" stopOpacity={0} /> </linearGradient> <linearGradient id="paint4_linear_18_4930" x1={16.0149} y1={10.8901} x2={16.0149} y2={3.42347} gradientUnits="userSpaceOnUse" > <stop stopColor="#D4CAD6" /> <stop offset={1} stopColor="#DEDDE8" /> </linearGradient> <linearGradient id="paint5_linear_18_4930" x1={9.7269} y1={4} x2={15.7708} y2={9.22307} gradientUnits="userSpaceOnUse" > <stop offset={0.213355} stopColor="#8D8B8C" /> <stop offset={0.374874} stopColor="#9A9692" /> <stop offset={1} stopColor="#9A9692" stopOpacity={0} /> </linearGradient> <radialGradient id="paint6_radial_18_4930" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.9669 10.9228) rotate(-90) scale(8.56232 12.3092)" > <stop offset={0.74617} stopColor="#9A9692" stopOpacity={0} /> <stop offset={1} stopColor="#9A9692" /> </radialGradient> <radialGradient id="paint7_radial_18_4930" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.8786 7.82178) rotate(138.759) scale(5.41017 6.50926)" > <stop stopColor="#F8F7FD" /> <stop offset={1} stopColor="#F8F7FD" stopOpacity={0} /> </radialGradient> <linearGradient id="paint8_linear_18_4930" x1={3.42175} y1={12.2043} x2={16.6718} y2={23.6418} gradientUnits="userSpaceOnUse" > <stop stopColor="#4A3B36" /> <stop offset={1} stopColor="#7C5B51" /> </linearGradient> <radialGradient id="paint9_radial_18_4930" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.4141 26.6143) rotate(180) scale(19.0818 24.2835)" > <stop offset={0.178918} stopColor="#3CCC79" /> <stop offset={1} stopColor="#3B9B76" /> </radialGradient> <radialGradient id="paint10_radial_18_4930" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.6093 23.5168) rotate(98.7462) scale(4.1103 9.10443)" > <stop offset={0.166474} stopColor="#42B671" /> <stop offset={1} stopColor="#42B671" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = MountainIcon;