UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

669 lines (668 loc) 22.9 kB
const React = require("react"); const CardIndexIcon = ({ 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_18_22880)"> <path d="M3.96234 10.9722C2.91296 10.9722 2.06232 11.8228 2.06232 12.8722V16.339C2.06232 17.2915 2.72819 18.0885 3.61981 18.2899C3.83104 18.3376 4.00519 18.5106 4.00519 18.7272V26.7965C4.00519 28.5638 5.43787 29.9965 7.2052 29.9965H24.7947C26.5621 29.9965 27.9948 28.5638 27.9948 26.7965V18.7272C27.9948 18.5106 28.1689 18.3376 28.3801 18.2899C29.2718 18.0886 29.9377 17.2916 29.9377 16.339V12.8722C29.9377 11.8228 29.087 10.9722 28.0377 10.9722H3.96234Z" fill="url(#paint0_linear_18_22880)" /> </g> <g filter="url(#filter1_f_18_22880)"> <path d="M6.38892 11.4008H24.092V12.6469C24.092 13.7514 23.1966 14.6469 22.092 14.6469H8.38892C7.28435 14.6469 6.38892 13.7514 6.38892 12.6469V11.4008Z" fill="#3F3170" /> </g> <g filter="url(#filter2_f_18_22880)"> <path d="M6.38892 25.4036C6.38892 26.5081 7.28435 27.4036 8.38892 27.4036H22.092C23.1966 27.4036 24.092 26.5081 24.092 25.4036V16.6469C24.092 15.5423 23.1966 14.6469 22.092 14.6469H8.38892C7.28435 14.6469 6.38892 15.5423 6.38892 16.6469V25.4036Z" fill="url(#paint1_linear_18_22880)" /> </g> <g filter="url(#filter3_ii_18_22880)"> <path d="M6.87329 16.7258C6.87329 15.8145 7.61202 15.0758 8.52329 15.0758H23.317C24.2283 15.0758 24.967 15.8145 24.967 16.7258V25.3946C24.967 26.3058 24.2283 27.0446 23.317 27.0446H8.52329C7.61202 27.0446 6.87329 26.3058 6.87329 25.3946V16.7258Z" fill="#DFD5E9" /> <path d="M6.87329 16.7258C6.87329 15.8145 7.61202 15.0758 8.52329 15.0758H23.317C24.2283 15.0758 24.967 15.8145 24.967 16.7258V25.3946C24.967 26.3058 24.2283 27.0446 23.317 27.0446H8.52329C7.61202 27.0446 6.87329 26.3058 6.87329 25.3946V16.7258Z" fill="url(#paint2_radial_18_22880)" /> <path d="M6.87329 16.7258C6.87329 15.8145 7.61202 15.0758 8.52329 15.0758H23.317C24.2283 15.0758 24.967 15.8145 24.967 16.7258V25.3946C24.967 26.3058 24.2283 27.0446 23.317 27.0446H8.52329C7.61202 27.0446 6.87329 26.3058 6.87329 25.3946V16.7258Z" fill="url(#paint3_radial_18_22880)" /> </g> <g filter="url(#filter4_ii_18_22880)"> <path d="M6.95142 3.70981C6.95142 2.79854 7.69015 2.05981 8.60142 2.05981H23.3952C24.3064 2.05981 25.0452 2.79854 25.0452 3.70981V12.3786C25.0452 13.2898 24.3064 14.0286 23.3952 14.0286H8.60142C7.69015 14.0286 6.95142 13.2898 6.95142 12.3786V3.70981Z" fill="#DFD5E9" /> <path d="M6.95142 3.70981C6.95142 2.79854 7.69015 2.05981 8.60142 2.05981H23.3952C24.3064 2.05981 25.0452 2.79854 25.0452 3.70981V12.3786C25.0452 13.2898 24.3064 14.0286 23.3952 14.0286H8.60142C7.69015 14.0286 6.95142 13.2898 6.95142 12.3786V3.70981Z" fill="url(#paint4_radial_18_22880)" /> <path d="M6.95142 3.70981C6.95142 2.79854 7.69015 2.05981 8.60142 2.05981H23.3952C24.3064 2.05981 25.0452 2.79854 25.0452 3.70981V12.3786C25.0452 13.2898 24.3064 14.0286 23.3952 14.0286H8.60142C7.69015 14.0286 6.95142 13.2898 6.95142 12.3786V3.70981Z" fill="url(#paint5_radial_18_22880)" /> </g> <g filter="url(#filter5_i_18_22880)"> <path d="M9.04517 4.76294C9.04517 4.34873 9.38095 4.01294 9.79517 4.01294H14.2249C14.6391 4.01294 14.9749 4.34873 14.9749 4.76294V10.2222C14.9749 10.6364 14.6391 10.9722 14.2249 10.9722H9.79517C9.38095 10.9722 9.04517 10.6364 9.04517 10.2222V4.76294Z" fill="url(#paint6_linear_18_22880)" /> </g> <g filter="url(#filter6_i_18_22880)"> <path d="M16.9514 4.51685C16.9514 4.23855 17.177 4.01294 17.4553 4.01294H22.4866C22.7649 4.01294 22.9905 4.23855 22.9905 4.51685C22.9905 4.79515 22.7649 5.02075 22.4866 5.02075H17.4553C17.177 5.02075 16.9514 4.79515 16.9514 4.51685Z" fill="url(#paint7_linear_18_22880)" /> </g> <g filter="url(#filter7_i_18_22880)"> <path d="M16.9514 6.50903C16.9514 6.23073 17.177 6.00513 17.4553 6.00513H22.4866C22.7649 6.00513 22.9905 6.23073 22.9905 6.50903C22.9905 6.78733 22.7649 7.01294 22.4866 7.01294H17.4553C17.177 7.01294 16.9514 6.78733 16.9514 6.50903Z" fill="url(#paint8_linear_18_22880)" /> </g> <g filter="url(#filter8_i_18_22880)"> <path d="M16.9514 8.45435C16.9514 8.17605 17.177 7.95044 17.4553 7.95044H22.4866C22.7649 7.95044 22.9905 8.17605 22.9905 8.45435C22.9905 8.73265 22.7649 8.95825 22.4866 8.95825H17.4553C17.177 8.95825 16.9514 8.73265 16.9514 8.45435Z" fill="url(#paint9_linear_18_22880)" /> </g> <g filter="url(#filter9_i_18_22880)"> <path d="M16.9514 10.4683C16.9514 10.19 17.177 9.96436 17.4553 9.96436H22.4866C22.7649 9.96436 22.9905 10.19 22.9905 10.4683C22.9905 10.7466 22.7649 10.9722 22.4866 10.9722H17.4553C17.177 10.9722 16.9514 10.7466 16.9514 10.4683Z" fill="url(#paint10_linear_18_22880)" /> </g> <g filter="url(#filter10_f_18_22880)"> <circle cx={10.2874} cy={16.6926} r={0.539062} fill="#9D8BAE" /> </g> <g filter="url(#filter11_f_18_22880)"> <circle cx={21.2405} cy={16.6926} r={0.539062} fill="#9D8BAE" /> </g> <path d="M10.0686 12.4504C10.0686 12.1743 10.2925 11.9504 10.5686 11.9504C10.8447 11.9504 11.0686 12.1743 11.0686 12.4504V16.5364C11.0686 16.8125 10.8447 17.0364 10.5686 17.0364C10.2925 17.0364 10.0686 16.8125 10.0686 16.5364V12.4504Z" fill="url(#paint11_radial_18_22880)" /> <path d="M20.9749 12.4504C20.9749 12.1743 21.1987 11.9504 21.4749 11.9504C21.751 11.9504 21.9749 12.1743 21.9749 12.4504V16.5364C21.9749 16.8125 21.751 17.0364 21.4749 17.0364C21.1987 17.0364 20.9749 16.8125 20.9749 16.5364V12.4504Z" fill="url(#paint12_radial_18_22880)" /> <defs> <filter id="filter0_ii_18_22880" x={1.86232} y={10.7222} width={28.3254} height={19.4743} 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={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.270588 0 0 0 0 0.188235 0 0 0 0 0.376471 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> <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.2} dy={0.2} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.47451 0 0 0 0 0.439216 0 0 0 0 0.713726 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_22880" result="effect2_innerShadow_18_22880" /> </filter> <filter id="filter1_f_18_22880" x={5.63892} y={10.6508} width={19.2031} height={4.74609} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.375} result="effect1_foregroundBlur_18_22880" /> </filter> <filter id="filter2_f_18_22880" x={5.63892} y={13.8969} width={19.2031} height={14.2567} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.375} result="effect1_foregroundBlur_18_22880" /> </filter> <filter id="filter3_ii_18_22880" x={6.77329} y={14.9758} width={18.2938} height={12.1688} 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.125} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.666667 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> <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.075} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_22880" result="effect2_innerShadow_18_22880" /> </filter> <filter id="filter4_ii_18_22880" x={6.85142} y={1.95981} width={18.2938} height={12.1688} 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.125} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.607843 0 0 0 0 0.568627 0 0 0 0 0.666667 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> <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.075} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_22880" result="effect2_innerShadow_18_22880" /> </filter> <filter id="filter5_i_18_22880" x={9.04517} y={3.96294} width={5.97969} height={7.00923} 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.05} /> <feGaussianBlur stdDeviation={0.025} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.478431 0 0 0 0 0.505882 0 0 0 0 0.717647 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> </filter> <filter id="filter6_i_18_22880" x={16.9514} y={3.96294} width={6.08906} height={1.05781} 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.05} /> <feGaussianBlur stdDeviation={0.05} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.592157 0 0 0 0 0.545098 0 0 0 0 0.639216 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> </filter> <filter id="filter7_i_18_22880" x={16.9514} y={5.95513} width={6.08906} height={1.05781} 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.05} /> <feGaussianBlur stdDeviation={0.05} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.592157 0 0 0 0 0.545098 0 0 0 0 0.639216 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> </filter> <filter id="filter8_i_18_22880" x={16.9514} y={7.90044} width={6.08906} height={1.05781} 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.05} /> <feGaussianBlur stdDeviation={0.05} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.592157 0 0 0 0 0.545098 0 0 0 0 0.639216 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> </filter> <filter id="filter9_i_18_22880" x={16.9514} y={9.91436} width={6.08906} height={1.05781} 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.05} /> <feGaussianBlur stdDeviation={0.05} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.592157 0 0 0 0 0.545098 0 0 0 0 0.639216 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_22880" /> </filter> <filter id="filter10_f_18_22880" x={9.34829} y={15.7536} width={1.87813} height={1.87813} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.2} result="effect1_foregroundBlur_18_22880" /> </filter> <filter id="filter11_f_18_22880" x={20.3014} y={15.7536} width={1.87813} height={1.87813} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.2} result="effect1_foregroundBlur_18_22880" /> </filter> <linearGradient id="paint0_linear_18_22880" x1={16} y1={10.9722} x2={16} y2={29.3723} gradientUnits="userSpaceOnUse" > <stop stopColor="#5A4D99" /> <stop offset={1} stopColor="#583F79" /> </linearGradient> <linearGradient id="paint1_linear_18_22880" x1={15.2405} y1={14.6469} x2={15.2405} y2={27.4036} gradientUnits="userSpaceOnUse" > <stop stopColor="#402A5D" /> <stop offset={1} stopColor="#3F2E62" /> </linearGradient> <radialGradient id="paint2_radial_18_22880" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.81079 16.0285) rotate(-116.569) scale(2.55015 0.824114)" > <stop stopColor="#C0B2CF" /> <stop offset={1} stopColor="#E0D6EA" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_22880" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.8577 16.1223) rotate(-113.334) scale(1.73571 0.560918)" > <stop offset={0.137439} stopColor="#C0B2CF" /> <stop offset={1} stopColor="#E0D6EA" stopOpacity={0} /> </radialGradient> <radialGradient id="paint4_radial_18_22880" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.0764 13.0442) rotate(113.015) scale(1.91832 0.931077)" > <stop offset={0.134059} stopColor="#998BA6" /> <stop offset={1} stopColor="#E0D6E9" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_18_22880" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(10.1545 13.0129) rotate(117.588) scale(1.95687 0.949791)" > <stop offset={0.174405} stopColor="#998BA6" /> <stop offset={1} stopColor="#E0D6E9" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_22880" x1={12.01} y1={4.01294} x2={12.01} y2={10.9722} gradientUnits="userSpaceOnUse" > <stop stopColor="#3EADFF" /> <stop offset={1} stopColor="#3E82D6" /> </linearGradient> <linearGradient id="paint7_linear_18_22880" x1={19.9709} y1={4.01294} x2={19.9709} y2={5.02075} gradientUnits="userSpaceOnUse" > <stop stopColor="#A69EAE" /> <stop offset={1} stopColor="#A69EAE" /> </linearGradient> <linearGradient id="paint8_linear_18_22880" x1={19.9709} y1={6.00513} x2={19.9709} y2={7.01294} gradientUnits="userSpaceOnUse" > <stop stopColor="#A69EAE" /> <stop offset={1} stopColor="#A69EAE" /> </linearGradient> <linearGradient id="paint9_linear_18_22880" x1={19.9709} y1={7.95044} x2={19.9709} y2={8.95825} gradientUnits="userSpaceOnUse" > <stop stopColor="#A69EAE" /> <stop offset={1} stopColor="#A69EAE" /> </linearGradient> <linearGradient id="paint10_linear_18_22880" x1={19.9709} y1={9.96436} x2={19.9709} y2={10.9722} gradientUnits="userSpaceOnUse" > <stop stopColor="#A69EAE" /> <stop offset={1} stopColor="#A69EAE" /> </linearGradient> <radialGradient id="paint11_radial_18_22880" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.0686 13.6848) rotate(90) scale(3.125 0.806183)" > <stop offset={0.202128} stopColor="#433E58" /> <stop offset={1} stopColor="#2C2242" /> </radialGradient> <radialGradient id="paint12_radial_18_22880" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.9749 13.6848) rotate(90) scale(3.125 0.806183)" > <stop offset={0.202128} stopColor="#433E58" /> <stop offset={1} stopColor="#2C2242" /> </radialGradient> </defs> </svg> ); module.exports = CardIndexIcon;