UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

727 lines (726 loc) 23.3 kB
const React = require("react"); const BarChartIcon = ({ 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_iii_18_23005)"> <rect x={2.04688} y={2.05469} width={27.9062} height={27.9062} rx={3.8} fill="url(#paint0_linear_18_23005)" /> </g> <rect x={2.04688} y={2.05469} width={27.9062} height={27.9062} rx={3.8} fill="url(#paint1_linear_18_23005)" /> <rect x={2.04688} y={2.05469} width={27.9062} height={27.9062} rx={3.8} fill="url(#paint2_radial_18_23005)" /> <rect x={2.04688} y={2.05469} width={27.9062} height={27.9062} rx={3.8} fill="url(#paint3_radial_18_23005)" /> <g filter="url(#filter1_f_18_23005)"> <path d="M27.2595 28.7799C26.7333 29.0466 26.1299 29.1982 25.4886 29.1982H21.5053V8.13393C21.5053 7.53134 22.0298 7.04285 22.6768 7.04285H26.088C26.735 7.04285 27.2595 7.53134 27.2595 8.13393V28.7799Z" fill="url(#paint4_linear_18_23005)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H29.9531V20.4141H21.5234V11.4453H29.9531V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint5_linear_18_23005)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H29.9531V20.4141H21.5234V11.4453H29.9531V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint6_linear_18_23005)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H29.9531V20.4141H21.5234V11.4453H29.9531V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint7_linear_18_23005)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H29.9531V20.4141H21.5234V11.4453H29.9531V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint8_linear_18_23005)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H23.4953V20.4141H21.5234V11.4453H23.4953V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint9_linear_18_23005)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H23.4953V20.4141H21.5234V11.4453H23.4953V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint10_linear_18_23005)" /> <path fillRule="evenodd" clipRule="evenodd" d="M11.5234 2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H20.5234V29.9609H21.5234V21.4141H23.4953V20.4141H21.5234V11.4453H23.4953V10.4453H21.5234V2.05469H20.5234V10.4453H11.5234V2.05469ZM20.5234 11.4453V20.4141H11.5234V11.4453H20.5234Z" fill="url(#paint11_linear_18_23005)" /> <g filter="url(#filter2_f_18_23005)"> <path d="M18.2391 29.3874C17.7128 29.539 17.1095 29.6251 16.4682 29.6251H12.4849V17.6561C12.4849 17.3137 13.0093 17.0361 13.6563 17.0361H17.0676C17.7146 17.0361 18.2391 17.3137 18.2391 17.6561V29.3874Z" fill="url(#paint12_linear_18_23005)" /> </g> <g filter="url(#filter3_f_18_23005)"> <path d="M9.11091 28.4373C8.58466 28.6706 7.98131 28.8032 7.34001 28.8032H3.35669V10.382C3.35669 9.85505 3.88115 9.42786 4.52817 9.42786H7.93943C8.58639 9.42786 9.11091 9.85505 9.11091 10.382V28.4373Z" fill="url(#paint13_linear_18_23005)" /> </g> <g filter="url(#filter4_i_18_23005)"> <path d="M27.9672 29.5009C27.4281 29.7943 26.8101 29.961 26.1531 29.961H22.0728V6.79364C22.0728 6.13089 22.61 5.59363 23.2728 5.59363H26.7672C27.4299 5.59363 27.9672 6.13089 27.9672 6.79364V29.5009Z" fill="url(#paint14_linear_18_23005)" /> </g> <path d="M27.9672 29.5009C27.4281 29.7943 26.8101 29.961 26.1531 29.961H22.0728V6.79364C22.0728 6.13089 22.61 5.59363 23.2728 5.59363H26.7672C27.4299 5.59363 27.9672 6.13089 27.9672 6.79364V29.5009Z" fill="url(#paint15_linear_18_23005)" /> <g filter="url(#filter5_f_18_23005)"> <rect x={26.3942} y={6.52661} width={0.865279} height={22.5014} rx={0.432639} fill="url(#paint16_linear_18_23005)" /> </g> <path d="M13.4587 10.4453H11.5234V2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H13.4587V20.4141H11.5234V11.4453H13.4587V10.4453Z" fill="url(#paint17_radial_18_23005)" /> <path d="M13.4587 10.4453H11.5234V2.05469H10.5234V10.4453H2.04688V11.4453H10.5234V20.4141H2.04688V21.4141H10.5234V29.9609H11.5234V21.4141H13.4587V20.4141H11.5234V11.4453H13.4587V10.4453Z" fill="url(#paint18_linear_18_23005)" /> <g filter="url(#filter6_i_18_23005)"> <path d="M18.9472 29.961H13.0529V17.8469C13.0529 17.1841 13.5901 16.6469 14.2529 16.6469H17.7472C18.4099 16.6469 18.9472 17.1841 18.9472 17.8469V29.961Z" fill="url(#paint19_linear_18_23005)" /> </g> <g filter="url(#filter7_f_18_23005)"> <rect x={17.3738} y={17.5553} width={0.865279} height={11.6429} rx={0.432639} fill="url(#paint20_linear_18_23005)" /> </g> <g filter="url(#filter8_i_18_23005)"> <path d="M9.92719 29.9609H5.84686C5.18994 29.9609 4.5719 29.7943 4.03284 29.5008V9.86517C4.03284 9.20242 4.57007 8.66516 5.23285 8.66516H8.72717C9.38989 8.66516 9.92719 9.20242 9.92719 9.86517V29.9609Z" fill="url(#paint21_linear_18_23005)" /> </g> <g filter="url(#filter9_f_18_23005)"> <rect x={8.67828} y={9.42786} width={0.865279} height={19.7703} rx={0.432639} fill="url(#paint22_linear_18_23005)" /> </g> <defs> <filter id="filter0_iii_18_23005" x={1.04688} y={1.05469} width={30.4062} height={29.9062} 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} dy={1} /> <feGaussianBlur stdDeviation={1} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.878431 0 0 0 0 0.87451 0 0 0 0 0.886275 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23005" /> <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} dy={-1} /> <feGaussianBlur stdDeviation={1.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.698039 0 0 0 0 0.67451 0 0 0 0 0.721569 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18_23005" result="effect2_innerShadow_18_23005" /> <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} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.729412 0 0 0 0 0.729412 0 0 0 0 0.729412 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_18_23005" result="effect3_innerShadow_18_23005" /> </filter> <filter id="filter1_f_18_23005" x={20.5053} y={6.04285} width={7.75422} height={24.1554} 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_18_23005" /> </filter> <filter id="filter2_f_18_23005" x={11.4849} y={16.0361} width={7.75422} height={14.589} 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_18_23005" /> </filter> <filter id="filter3_f_18_23005" x={2.35669} y={8.42786} width={7.75422} height={21.3754} 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_18_23005" /> </filter> <filter id="filter4_i_18_23005" x={22.0728} y={5.59363} width={6.64435} height={24.3673} 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.75} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.203922 0 0 0 0 0.482353 0 0 0 0 0.74902 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23005" /> </filter> <filter id="filter5_f_18_23005" x={25.3942} y={5.52661} width={2.86528} height={24.5015} 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_18_23005" /> </filter> <filter id="filter6_i_18_23005" x={13.0529} y={16.6469} width={6.64435} height={13.3141} 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.75} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.67451 0 0 0 0 0.239216 0 0 0 0 0.372549 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23005" /> </filter> <filter id="filter7_f_18_23005" x={16.3738} y={16.5553} width={2.86528} height={13.6429} 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_18_23005" /> </filter> <filter id="filter8_i_18_23005" x={4.03284} y={8.66516} width={6.64435} height={21.2958} 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.75} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.415686 0 0 0 0 0.792157 0 0 0 0 0.466667 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_23005" /> </filter> <filter id="filter9_f_18_23005" x={7.67828} y={8.42786} width={2.86528} height={21.7703} 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_18_23005" /> </filter> <linearGradient id="paint0_linear_18_23005" x1={27.125} y1={3.88281} x2={11.875} y2={23.3203} gradientUnits="userSpaceOnUse" > <stop stopColor="#D8D1E0" /> <stop offset={1} stopColor="#D5C9E3" /> </linearGradient> <linearGradient id="paint1_linear_18_23005" x1={21.4751} y1={30.2235} x2={21.4751} y2={27.9259} gradientUnits="userSpaceOnUse" > <stop stopColor="#A88AC4" /> <stop offset={1} stopColor="#CDBCE0" stopOpacity={0} /> </linearGradient> <radialGradient id="paint2_radial_18_23005" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(29.9531 16.4032) rotate(177.86) scale(5.59248 21.8038)" > <stop stopColor="#F2EDF5" /> <stop offset={1} stopColor="#DED3E7" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_23005" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(29.5863 2.89613) rotate(138.434) scale(4.93201 5.10499)" > <stop stopColor="#F7F4F7" /> <stop offset={1} stopColor="#E2DCE5" stopOpacity={0} /> </radialGradient> <linearGradient id="paint4_linear_18_23005" x1={24.3824} y1={7.04285} x2={24.3824} y2={29.1982} gradientUnits="userSpaceOnUse" > <stop stopColor="#9B98B3" /> <stop offset={1} stopColor="#9C83AE" /> </linearGradient> <linearGradient id="paint5_linear_18_23005" x1={16} y1={4.36719} x2={16} y2={29.9609} gradientUnits="userSpaceOnUse" > <stop stopColor="#C2BEC6" /> <stop offset={1} stopColor="#BAACC6" /> </linearGradient> <linearGradient id="paint6_linear_18_23005" x1={21.7188} y1={30.6761} x2={21.7188} y2={27.1949} gradientUnits="userSpaceOnUse" > <stop stopColor="#9E83B7" /> <stop offset={1} stopColor="#9E83B7" stopOpacity={0} /> </linearGradient> <linearGradient id="paint7_linear_18_23005" x1={1.07813} y1={17.3672} x2={6.39062} y2={17.3672} gradientUnits="userSpaceOnUse" > <stop stopColor="#96909C" /> <stop offset={1} stopColor="#96909C" stopOpacity={0} /> </linearGradient> <linearGradient id="paint8_linear_18_23005" x1={30.7656} y1={18.0547} x2={26.9531} y2={18.0547} gradientUnits="userSpaceOnUse" > <stop stopColor="#D6D1DA" /> <stop offset={1} stopColor="#D6D1DA" stopOpacity={0} /> </linearGradient> <linearGradient id="paint9_linear_18_23005" x1={24.1874} y1={18.334} x2={20.1642} y2={18.334} gradientUnits="userSpaceOnUse" > <stop offset={0.451612} stopColor="#7C7695" /> <stop offset={1} stopColor="#7C7695" stopOpacity={0} /> </linearGradient> <linearGradient id="paint10_linear_18_23005" x1={21.0294} y1={30.5336} x2={21.0294} y2={28.3706} gradientUnits="userSpaceOnUse" > <stop stopColor="#9070AD" /> <stop offset={1} stopColor="#9070AD" stopOpacity={0} /> </linearGradient> <linearGradient id="paint11_linear_18_23005" x1={19.645} y1={1.54869} x2={19.645} y2={10.1577} gradientUnits="userSpaceOnUse" > <stop offset={0.668342} stopColor="#C3BFC7" /> <stop offset={1} stopColor="#C3BFC7" stopOpacity={0} /> </linearGradient> <linearGradient id="paint12_linear_18_23005" x1={15.362} y1={17.0361} x2={15.362} y2={29.6251} gradientUnits="userSpaceOnUse" > <stop stopColor="#9B98B3" /> <stop offset={1} stopColor="#9C83AE" /> </linearGradient> <linearGradient id="paint13_linear_18_23005" x1={6.2338} y1={9.42786} x2={6.2338} y2={28.8032} gradientUnits="userSpaceOnUse" > <stop stopColor="#9B98B3" /> <stop offset={1} stopColor="#9C83AE" /> </linearGradient> <linearGradient id="paint14_linear_18_23005" x1={25.02} y1={5.59363} x2={25.02} y2={29.961} gradientUnits="userSpaceOnUse" > <stop offset={0.179782} stopColor="#36A4F2" /> <stop offset={1} stopColor="#3E79CB" /> </linearGradient> <linearGradient id="paint15_linear_18_23005" x1={21.7216} y1={29.4521} x2={23.5385} y2={29.3656} gradientUnits="userSpaceOnUse" > <stop offset={0.0113206} stopColor="#404E95" /> <stop offset={1} stopColor="#2F66B3" stopOpacity={0} /> </linearGradient> <linearGradient id="paint16_linear_18_23005" x1={26.8269} y1={6.52661} x2={26.8269} y2={29.028} gradientUnits="userSpaceOnUse" > <stop stopColor="#53BFFF" /> <stop offset={1} stopColor="#508EDC" /> </linearGradient> <radialGradient id="paint17_radial_18_23005" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.3239 20.9297) rotate(-180) scale(2.46588 2.37936)" > <stop offset={0.22807} stopColor="#86738A" /> <stop offset={1} stopColor="#86738A" stopOpacity={0} /> </radialGradient> <linearGradient id="paint18_linear_18_23005" x1={1.51861} y1={17.4688} x2={5.97451} y2={17.4688} gradientUnits="userSpaceOnUse" > <stop stopColor="#88858D" /> <stop offset={1} stopColor="#88858D" stopOpacity={0} /> </linearGradient> <linearGradient id="paint19_linear_18_23005" x1={16} y1={16.6469} x2={16} y2={29.961} gradientUnits="userSpaceOnUse" > <stop offset={0.179782} stopColor="#E93586" /> <stop offset={1} stopColor="#DD385F" /> </linearGradient> <linearGradient id="paint20_linear_18_23005" x1={17.8064} y1={17.5553} x2={17.8064} y2={29.1982} gradientUnits="userSpaceOnUse" > <stop stopColor="#FA5598" /> <stop offset={1} stopColor="#F34F70" /> </linearGradient> <linearGradient id="paint21_linear_18_23005" x1={6.98001} y1={8.66516} x2={6.98001} y2={29.9609} gradientUnits="userSpaceOnUse" > <stop offset={0.179782} stopColor="#ABE263" /> <stop offset={1} stopColor="#61E19B" /> </linearGradient> <linearGradient id="paint22_linear_18_23005" x1={9.11092} y1={9.42786} x2={9.11092} y2={29.1982} gradientUnits="userSpaceOnUse" > <stop stopColor="#C9FE70" /> <stop offset={1} stopColor="#6CEDA7" /> </linearGradient> </defs> </svg> ); module.exports = BarChartIcon;