UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

525 lines (524 loc) 20.9 kB
const React = require("react"); const HikingBootIcon = ({ 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="M4.375 8.8125C3.13235 8.8125 2.125 9.81986 2.125 11.0625V25.5H29.875C29.4529 21.3398 25.6887 20.1583 22.4754 19.1845C22.3577 19.1489 22.2409 19.1134 22.125 19.0781C20.1772 18.4845 19.2179 16.5539 19.0006 15.3074V11.0625C19.0006 9.81986 17.9933 8.8125 16.7506 8.8125H4.375Z" fill="url(#paint0_radial_18_17251)" /> <path d="M4.375 8.8125C3.13235 8.8125 2.125 9.81986 2.125 11.0625V25.5H29.875C29.4529 21.3398 25.6887 20.1583 22.4754 19.1845C22.3577 19.1489 22.2409 19.1134 22.125 19.0781C20.1772 18.4845 19.2179 16.5539 19.0006 15.3074V11.0625C19.0006 9.81986 17.9933 8.8125 16.7506 8.8125H4.375Z" fill="url(#paint1_radial_18_17251)" /> <path d="M4.375 8.8125C3.13235 8.8125 2.125 9.81986 2.125 11.0625V25.5H29.875C29.4529 21.3398 25.6887 20.1583 22.4754 19.1845C22.3577 19.1489 22.2409 19.1134 22.125 19.0781C20.1772 18.4845 19.2179 16.5539 19.0006 15.3074V11.0625C19.0006 9.81986 17.9933 8.8125 16.7506 8.8125H4.375Z" fill="url(#paint2_linear_18_17251)" /> <path d="M4.375 8.8125C3.13235 8.8125 2.125 9.81986 2.125 11.0625V25.5H29.875C29.4529 21.3398 25.6887 20.1583 22.4754 19.1845C22.3577 19.1489 22.2409 19.1134 22.125 19.0781C20.1772 18.4845 19.2179 16.5539 19.0006 15.3074V11.0625C19.0006 9.81986 17.9933 8.8125 16.7506 8.8125H4.375Z" fill="url(#paint3_linear_18_17251)" /> <path d="M4.375 8.8125C3.13235 8.8125 2.125 9.81986 2.125 11.0625V25.5H29.875C29.4529 21.3398 25.6887 20.1583 22.4754 19.1845C22.3577 19.1489 22.2409 19.1134 22.125 19.0781C20.1772 18.4845 19.2179 16.5539 19.0006 15.3074V11.0625C19.0006 9.81986 17.9933 8.8125 16.7506 8.8125H4.375Z" fill="url(#paint4_radial_18_17251)" /> <path d="M4.375 8.8125C3.13235 8.8125 2.125 9.81986 2.125 11.0625V25.5H29.875C29.4529 21.3398 25.6887 20.1583 22.4754 19.1845C22.3577 19.1489 22.2409 19.1134 22.125 19.0781C20.1772 18.4845 19.2179 16.5539 19.0006 15.3074V11.0625C19.0006 9.81986 17.9933 8.8125 16.7506 8.8125H4.375Z" fill="url(#paint5_linear_18_17251)" /> <g filter="url(#filter0_i_18_17251)"> <path d="M2.125 25.5H29.875V28.0312C29.875 29.0754 28.9971 29.9219 27.9141 29.9219C27.1689 29.9219 26.5209 29.5212 26.1891 28.9311C26.1192 28.8069 25.9935 28.7188 25.8509 28.7188H25.0866C24.944 28.7188 24.8183 28.8069 24.7484 28.9311C24.4166 29.5212 23.7686 29.9219 23.0234 29.9219C22.2783 29.9219 21.6303 29.5212 21.2984 28.9311C21.2285 28.8069 21.1029 28.7188 20.9603 28.7188H20.3522C20.2096 28.7188 20.084 28.8069 20.0141 28.9311C19.6822 29.5212 19.0342 29.9219 18.2891 29.9219C17.5439 29.9219 16.8959 29.5212 16.5641 28.9311C16.4942 28.8069 16.3685 28.7188 16.2259 28.7188H15.6178C15.4752 28.7188 15.3496 28.8069 15.2797 28.9311C14.9479 29.5212 14.2998 29.9219 13.5547 29.9219C12.8096 29.9219 12.1615 29.5212 11.8297 28.9311C11.7598 28.8069 11.6341 28.7188 11.4916 28.7188H10.8834C10.7409 28.7188 10.6152 28.8069 10.5453 28.9311C10.2135 29.5212 9.56544 29.9219 8.82031 29.9219C8.07519 29.9219 7.42714 29.5212 7.0953 28.9311C7.02542 28.8069 6.89975 28.7188 6.75719 28.7188H6.14906C6.0065 28.7188 5.88083 28.8069 5.81095 28.9311C5.47911 29.5212 4.83106 29.9219 4.08594 29.9219C3.00293 29.9219 2.125 29.0754 2.125 28.0312V25.5Z" fill="#834763" /> <path d="M2.125 25.5H29.875V28.0312C29.875 29.0754 28.9971 29.9219 27.9141 29.9219C27.1689 29.9219 26.5209 29.5212 26.1891 28.9311C26.1192 28.8069 25.9935 28.7188 25.8509 28.7188H25.0866C24.944 28.7188 24.8183 28.8069 24.7484 28.9311C24.4166 29.5212 23.7686 29.9219 23.0234 29.9219C22.2783 29.9219 21.6303 29.5212 21.2984 28.9311C21.2285 28.8069 21.1029 28.7188 20.9603 28.7188H20.3522C20.2096 28.7188 20.084 28.8069 20.0141 28.9311C19.6822 29.5212 19.0342 29.9219 18.2891 29.9219C17.5439 29.9219 16.8959 29.5212 16.5641 28.9311C16.4942 28.8069 16.3685 28.7188 16.2259 28.7188H15.6178C15.4752 28.7188 15.3496 28.8069 15.2797 28.9311C14.9479 29.5212 14.2998 29.9219 13.5547 29.9219C12.8096 29.9219 12.1615 29.5212 11.8297 28.9311C11.7598 28.8069 11.6341 28.7188 11.4916 28.7188H10.8834C10.7409 28.7188 10.6152 28.8069 10.5453 28.9311C10.2135 29.5212 9.56544 29.9219 8.82031 29.9219C8.07519 29.9219 7.42714 29.5212 7.0953 28.9311C7.02542 28.8069 6.89975 28.7188 6.75719 28.7188H6.14906C6.0065 28.7188 5.88083 28.8069 5.81095 28.9311C5.47911 29.5212 4.83106 29.9219 4.08594 29.9219C3.00293 29.9219 2.125 29.0754 2.125 28.0312V25.5Z" fill="url(#paint6_linear_18_17251)" /> <path d="M2.125 25.5H29.875V28.0312C29.875 29.0754 28.9971 29.9219 27.9141 29.9219C27.1689 29.9219 26.5209 29.5212 26.1891 28.9311C26.1192 28.8069 25.9935 28.7188 25.8509 28.7188H25.0866C24.944 28.7188 24.8183 28.8069 24.7484 28.9311C24.4166 29.5212 23.7686 29.9219 23.0234 29.9219C22.2783 29.9219 21.6303 29.5212 21.2984 28.9311C21.2285 28.8069 21.1029 28.7188 20.9603 28.7188H20.3522C20.2096 28.7188 20.084 28.8069 20.0141 28.9311C19.6822 29.5212 19.0342 29.9219 18.2891 29.9219C17.5439 29.9219 16.8959 29.5212 16.5641 28.9311C16.4942 28.8069 16.3685 28.7188 16.2259 28.7188H15.6178C15.4752 28.7188 15.3496 28.8069 15.2797 28.9311C14.9479 29.5212 14.2998 29.9219 13.5547 29.9219C12.8096 29.9219 12.1615 29.5212 11.8297 28.9311C11.7598 28.8069 11.6341 28.7188 11.4916 28.7188H10.8834C10.7409 28.7188 10.6152 28.8069 10.5453 28.9311C10.2135 29.5212 9.56544 29.9219 8.82031 29.9219C8.07519 29.9219 7.42714 29.5212 7.0953 28.9311C7.02542 28.8069 6.89975 28.7188 6.75719 28.7188H6.14906C6.0065 28.7188 5.88083 28.8069 5.81095 28.9311C5.47911 29.5212 4.83106 29.9219 4.08594 29.9219C3.00293 29.9219 2.125 29.0754 2.125 28.0312V25.5Z" fill="url(#paint7_linear_18_17251)" /> <path d="M2.125 25.5H29.875V28.0312C29.875 29.0754 28.9971 29.9219 27.9141 29.9219C27.1689 29.9219 26.5209 29.5212 26.1891 28.9311C26.1192 28.8069 25.9935 28.7188 25.8509 28.7188H25.0866C24.944 28.7188 24.8183 28.8069 24.7484 28.9311C24.4166 29.5212 23.7686 29.9219 23.0234 29.9219C22.2783 29.9219 21.6303 29.5212 21.2984 28.9311C21.2285 28.8069 21.1029 28.7188 20.9603 28.7188H20.3522C20.2096 28.7188 20.084 28.8069 20.0141 28.9311C19.6822 29.5212 19.0342 29.9219 18.2891 29.9219C17.5439 29.9219 16.8959 29.5212 16.5641 28.9311C16.4942 28.8069 16.3685 28.7188 16.2259 28.7188H15.6178C15.4752 28.7188 15.3496 28.8069 15.2797 28.9311C14.9479 29.5212 14.2998 29.9219 13.5547 29.9219C12.8096 29.9219 12.1615 29.5212 11.8297 28.9311C11.7598 28.8069 11.6341 28.7188 11.4916 28.7188H10.8834C10.7409 28.7188 10.6152 28.8069 10.5453 28.9311C10.2135 29.5212 9.56544 29.9219 8.82031 29.9219C8.07519 29.9219 7.42714 29.5212 7.0953 28.9311C7.02542 28.8069 6.89975 28.7188 6.75719 28.7188H6.14906C6.0065 28.7188 5.88083 28.8069 5.81095 28.9311C5.47911 29.5212 4.83106 29.9219 4.08594 29.9219C3.00293 29.9219 2.125 29.0754 2.125 28.0312V25.5Z" fill="url(#paint8_linear_18_17251)" /> </g> <g filter="url(#filter1_i_18_17251)"> <rect x={15.9453} y={11.9766} width={3.61719} height={1.29688} rx={0.648438} fill="#A26262" /> <rect x={15.9453} y={11.9766} width={3.61719} height={1.29688} rx={0.648438} fill="url(#paint9_radial_18_17251)" /> <rect x={15.9453} y={11.9766} width={3.61719} height={1.29688} rx={0.648438} fill="url(#paint10_radial_18_17251)" /> </g> <g filter="url(#filter2_i_18_17251)"> <rect x={15.9453} y={14.7031} width={3.61719} height={1.29688} rx={0.648438} fill="#A26262" /> <rect x={15.9453} y={14.7031} width={3.61719} height={1.29688} rx={0.648438} fill="url(#paint11_radial_18_17251)" /> <rect x={15.9453} y={14.7031} width={3.61719} height={1.29688} rx={0.648438} fill="url(#paint12_radial_18_17251)" /> </g> <g filter="url(#filter3_ii_18_17251)"> <path d="M11.0312 8.8125V11.6562C11.0312 12.7608 10.1358 13.6562 9.03125 13.6562H2.125V11.0625C2.125 9.81986 3.13235 8.8125 4.375 8.8125H11.0312Z" fill="url(#paint13_linear_18_17251)" /> <path d="M11.0312 8.8125V11.6562C11.0312 12.7608 10.1358 13.6562 9.03125 13.6562H2.125V11.0625C2.125 9.81986 3.13235 8.8125 4.375 8.8125H11.0312Z" fill="url(#paint14_radial_18_17251)" /> </g> <g filter="url(#filter4_f_18_17251)"> <path d="M16.6719 12.4531H19.25" stroke="url(#paint15_linear_18_17251)" strokeWidth={0.3} strokeLinecap="round" /> </g> <g filter="url(#filter5_f_18_17251)"> <path d="M16.5586 15.2188H19.2031" stroke="url(#paint16_linear_18_17251)" strokeWidth={0.3} strokeLinecap="round" /> </g> <defs> <filter id="filter0_i_18_17251" x={2.125} y={25.25} width={27.75} height={4.67188} 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={-0.25} /> <feGaussianBlur stdDeviation={0.175} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.505882 0 0 0 0 0.211765 0 0 0 0 0.447059 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_17251" /> </filter> <filter id="filter1_i_18_17251" x={15.9453} y={11.7266} width={4.01719} height={1.54688} 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.5} dy={-0.25} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.635294 0 0 0 0 0.337255 0 0 0 0 0.313726 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_17251" /> </filter> <filter id="filter2_i_18_17251" x={15.9453} y={14.4531} width={4.01719} height={1.54688} 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.5} dy={-0.25} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.635294 0 0 0 0 0.337255 0 0 0 0 0.313726 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_17251" /> </filter> <filter id="filter3_ii_18_17251" x={2.025} y={8.7125} width={9.10625} height={5.24375} 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.15} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.580392 0 0 0 0 0.286275 0 0 0 0 0.415686 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_17251" /> <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.3} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.564706 0 0 0 0 0.462745 0 0 0 0 0.439216 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_17251" result="effect2_innerShadow_18_17251" /> </filter> <filter id="filter4_f_18_17251" x={16.222} y={12.0031} width={3.47793} height={0.899988} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.15} result="effect1_foregroundBlur_18_17251" /> </filter> <filter id="filter5_f_18_17251" x={16.1087} y={14.7688} width={3.54434} height={0.899988} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.15} result="effect1_foregroundBlur_18_17251" /> </filter> <radialGradient id="paint0_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.5313 15.3125) rotate(136.019) scale(12.4205 16.2342)" > <stop stopColor="#FFE06F" /> <stop offset={1} stopColor="#FFA25D" /> </radialGradient> <radialGradient id="paint1_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.8437 26.125) rotate(-90) scale(3.6875 13)" > <stop stopColor="#FFCE70" /> <stop offset={1} stopColor="#FFCE70" stopOpacity={0} /> </radialGradient> <linearGradient id="paint2_linear_18_17251" x1={1.78125} y1={25.5} x2={10.0313} y2={25.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#B67F4A" /> <stop offset={1} stopColor="#EE944A" stopOpacity={0} /> </linearGradient> <linearGradient id="paint3_linear_18_17251" x1={16} y1={8.8125} x2={16} y2={12.375} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFE05B" /> <stop offset={1} stopColor="#FFE05B" stopOpacity={0} /> </linearGradient> <radialGradient id="paint4_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.375 10.2813) rotate(90) scale(1.125 4.96875)" > <stop stopColor="#FFEF7A" /> <stop offset={1} stopColor="#FFDC58" stopOpacity={0} /> </radialGradient> <linearGradient id="paint5_linear_18_17251" x1={16} y1={8.5} x2={16} y2={9.4375} gradientUnits="userSpaceOnUse" > <stop stopColor="#DDC76C" /> <stop offset={1} stopColor="#DDC76C" stopOpacity={0} /> </linearGradient> <linearGradient id="paint6_linear_18_17251" x1={2.46875} y1={29.3125} x2={9.84375} y2={29.3125} gradientUnits="userSpaceOnUse" > <stop offset={0.432203} stopColor="#5F383E" /> <stop offset={1} stopColor="#5F383E" stopOpacity={0} /> </linearGradient> <linearGradient id="paint7_linear_18_17251" x1={29.875} y1={28.6875} x2={21.7813} y2={28.8125} gradientUnits="userSpaceOnUse" > <stop offset={0.500335} stopColor="#916366" /> <stop offset={1} stopColor="#916366" stopOpacity={0} /> </linearGradient> <linearGradient id="paint8_linear_18_17251" x1={29.875} y1={28.1875} x2={26.7813} y2={28.1875} gradientUnits="userSpaceOnUse" > <stop stopColor="#875B59" /> <stop offset={1} stopColor="#875B59" stopOpacity={0} /> </linearGradient> <radialGradient id="paint9_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.4531 13) scale(1.125 0.75)" > <stop offset={0.152778} stopColor="#A75476" /> <stop offset={1} stopColor="#A75476" stopOpacity={0} /> </radialGradient> <radialGradient id="paint10_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.7344 12.2187) rotate(153.204) scale(1.73297 4.83352)" > <stop stopColor="#B28F87" /> <stop offset={1} stopColor="#A56666" stopOpacity={0} /> </radialGradient> <radialGradient id="paint11_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.4531 15.7266) scale(1.125 0.75)" > <stop offset={0.152778} stopColor="#A75476" /> <stop offset={1} stopColor="#A75476" stopOpacity={0} /> </radialGradient> <radialGradient id="paint12_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.7344 14.9453) rotate(153.204) scale(1.73297 4.83352)" > <stop stopColor="#B28F87" /> <stop offset={1} stopColor="#A56666" stopOpacity={0} /> </radialGradient> <linearGradient id="paint13_linear_18_17251" x1={9.71875} y1={9.375} x2={1.03125} y2={12.5625} gradientUnits="userSpaceOnUse" > <stop stopColor="#985A58" /> <stop offset={1} stopColor="#714C4C" /> </linearGradient> <radialGradient id="paint14_radial_18_17251" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.25 13.4375) rotate(-138.965) scale(3.35574 6.28936)" > <stop stopColor="#9F5B6B" /> <stop offset={1} stopColor="#9F5B6B" stopOpacity={0} /> </radialGradient> <linearGradient id="paint15_linear_18_17251" x1={16.6719} y1={12.4531} x2={20.3163} y2={12.4531} gradientUnits="userSpaceOnUse" > <stop stopColor="#BB8A86" /> <stop offset={1} stopColor="#BB8A86" stopOpacity={0} /> </linearGradient> <linearGradient id="paint16_linear_18_17251" x1={16.5586} y1={15.2188} x2={20.2969} y2={15.2188} gradientUnits="userSpaceOnUse" > <stop stopColor="#BB8A86" /> <stop offset={1} stopColor="#BB8A86" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = HikingBootIcon;