UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

510 lines (509 loc) 17.8 kB
const React = require("react"); const AngerSymbolIcon = ({ 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 fillRule="evenodd" clipRule="evenodd" d="M6.55206 2.80411C7.2859 1.97854 8.55004 1.90418 9.37561 2.63802C13.1178 5.96444 18.9759 5.96444 22.7182 2.63802C23.5437 1.90418 24.8079 1.97854 25.5417 2.80411C26.2755 3.62967 26.2012 4.89382 25.3756 5.62765C20.1178 10.3012 11.9759 10.3012 6.71815 5.62765C5.89259 4.89382 5.81823 3.62967 6.55206 2.80411Z" fill="url(#paint0_linear_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M6.55206 2.80411C7.2859 1.97854 8.55004 1.90418 9.37561 2.63802C13.1178 5.96444 18.9759 5.96444 22.7182 2.63802C23.5437 1.90418 24.8079 1.97854 25.5417 2.80411C26.2755 3.62967 26.2012 4.89382 25.3756 5.62765C20.1178 10.3012 11.9759 10.3012 6.71815 5.62765C5.89259 4.89382 5.81823 3.62967 6.55206 2.80411Z" fill="url(#paint1_radial_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M6.55206 2.80411C7.2859 1.97854 8.55004 1.90418 9.37561 2.63802C13.1178 5.96444 18.9759 5.96444 22.7182 2.63802C23.5437 1.90418 24.8079 1.97854 25.5417 2.80411C26.2755 3.62967 26.2012 4.89382 25.3756 5.62765C20.1178 10.3012 11.9759 10.3012 6.71815 5.62765C5.89259 4.89382 5.81823 3.62967 6.55206 2.80411Z" fill="url(#paint2_linear_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M6.55206 2.80411C7.2859 1.97854 8.55004 1.90418 9.37561 2.63802C13.1178 5.96444 18.9759 5.96444 22.7182 2.63802C23.5437 1.90418 24.8079 1.97854 25.5417 2.80411C26.2755 3.62967 26.2012 4.89382 25.3756 5.62765C20.1178 10.3012 11.9759 10.3012 6.71815 5.62765C5.89259 4.89382 5.81823 3.62967 6.55206 2.80411Z" fill="url(#paint3_linear_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.6779 29.5908C19.1875 26.3135 12.9063 26.3135 9.41588 29.5907C8.61064 30.3468 7.34494 30.307 6.58886 29.5017C5.83278 28.6965 5.87264 27.4308 6.67788 26.6747C11.7075 21.9522 20.3863 21.9522 25.4159 26.6748C26.2211 27.4309 26.261 28.6966 25.5049 29.5018C24.7488 30.3071 23.4831 30.3469 22.6779 29.5908Z" fill="url(#paint4_linear_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.6779 29.5908C19.1875 26.3135 12.9063 26.3135 9.41588 29.5907C8.61064 30.3468 7.34494 30.307 6.58886 29.5017C5.83278 28.6965 5.87264 27.4308 6.67788 26.6747C11.7075 21.9522 20.3863 21.9522 25.4159 26.6748C26.2211 27.4309 26.261 28.6966 25.5049 29.5018C24.7488 30.3071 23.4831 30.3469 22.6779 29.5908Z" fill="url(#paint5_radial_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M22.6779 29.5908C19.1875 26.3135 12.9063 26.3135 9.41588 29.5907C8.61064 30.3468 7.34494 30.307 6.58886 29.5017C5.83278 28.6965 5.87264 27.4308 6.67788 26.6747C11.7075 21.9522 20.3863 21.9522 25.4159 26.6748C26.2211 27.4309 26.261 28.6966 25.5049 29.5018C24.7488 30.3071 23.4831 30.3469 22.6779 29.5908Z" fill="url(#paint6_radial_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M29.4159 6.67481C30.2211 7.4309 30.261 8.6966 29.5049 9.50184C26.2275 12.9922 26.2275 19.2734 29.5049 22.7638C30.261 23.569 30.2211 24.8347 29.4159 25.5908C28.6107 26.3469 27.345 26.3071 26.5889 25.5018C21.8662 20.4722 21.8662 11.7934 26.5889 6.7638C27.3449 5.95856 28.6107 5.91872 29.4159 6.67481Z" fill="url(#paint7_linear_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M29.4159 6.67481C30.2211 7.4309 30.261 8.6966 29.5049 9.50184C26.2275 12.9922 26.2275 19.2734 29.5049 22.7638C30.261 23.569 30.2211 24.8347 29.4159 25.5908C28.6107 26.3469 27.345 26.3071 26.5889 25.5018C21.8662 20.4722 21.8662 11.7934 26.5889 6.7638C27.3449 5.95856 28.6107 5.91872 29.4159 6.67481Z" fill="url(#paint8_radial_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M2.67786 6.67481C3.4831 5.91872 4.7488 5.95856 5.50489 6.7638C10.2275 11.7934 10.2275 20.4723 5.50489 25.5019C4.7488 26.3071 3.4831 26.347 2.67786 25.5909C1.87263 24.8348 1.83279 23.5691 2.58887 22.7639C5.86622 19.2735 5.86622 12.9922 2.58887 9.50184C1.83279 8.6966 1.87263 7.4309 2.67786 6.67481Z" fill="url(#paint9_linear_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M2.67786 6.67481C3.4831 5.91872 4.7488 5.95856 5.50489 6.7638C10.2275 11.7934 10.2275 20.4723 5.50489 25.5019C4.7488 26.3071 3.4831 26.347 2.67786 25.5909C1.87263 24.8348 1.83279 23.5691 2.58887 22.7639C5.86622 19.2735 5.86622 12.9922 2.58887 9.50184C1.83279 8.6966 1.87263 7.4309 2.67786 6.67481Z" fill="url(#paint10_radial_7139_6188)" /> <path fillRule="evenodd" clipRule="evenodd" d="M2.67786 6.67481C3.4831 5.91872 4.7488 5.95856 5.50489 6.7638C10.2275 11.7934 10.2275 20.4723 5.50489 25.5019C4.7488 26.3071 3.4831 26.347 2.67786 25.5909C1.87263 24.8348 1.83279 23.5691 2.58887 22.7639C5.86622 19.2735 5.86622 12.9922 2.58887 9.50184C1.83279 8.6966 1.87263 7.4309 2.67786 6.67481Z" fill="url(#paint11_linear_7139_6188)" /> <g filter="url(#filter0_f_7139_6188)"> <path d="M8.39062 3.53906C9.43229 4.60156 15.6406 9.19531 23.6094 4.00781" stroke="url(#paint12_linear_7139_6188)" strokeLinecap="round" /> </g> <g filter="url(#filter1_f_7139_6188)"> <ellipse cx={24.1876} cy={4.1118} rx={0.861741} ry={1.3257} transform="rotate(48.8848 24.1876 4.1118)" fill="url(#paint13_linear_7139_6188)" /> </g> <g filter="url(#filter2_f_7139_6188)"> <ellipse cx={28.0348} cy={8.15232} rx={0.861741} ry={1.3257} transform="rotate(48.8848 28.0348 8.15232)" fill="url(#paint14_linear_7139_6188)" /> </g> <g filter="url(#filter3_f_7139_6188)"> <ellipse cx={24.4666} cy={27.771} rx={0.861741} ry={1.3257} transform="rotate(121.165 24.4666 27.771)" fill="url(#paint15_linear_7139_6188)" /> </g> <g filter="url(#filter4_f_7139_6188)"> <path d="M28.9363 8.0469C27.8315 9.04361 22.4219 16.4451 28.9363 24.0701" stroke="url(#paint16_linear_7139_6188)" strokeLinecap="round" /> </g> <g filter="url(#filter5_f_7139_6188)"> <path d="M24.6094 27.5893C22.4531 25.8203 13.7969 22.164 7.82812 27.9453" stroke="url(#paint17_linear_7139_6188)" strokeLinecap="round" /> </g> <g filter="url(#filter6_f_7139_6188)"> <path d="M4.80611 7.84014C6.73036 9.85911 10.1283 18.0793 4.80611 24.4608" stroke="url(#paint18_linear_7139_6188)" strokeLinecap="round" /> </g> <defs> <filter id="filter0_f_7139_6188" x={6.64062} y={1.78906} width={18.7188} height={6.39185} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.625} result="effect1_foregroundBlur_7139_6188" /> </filter> <filter id="filter1_f_7139_6188" x={22.0391} y={2.0249} width={4.29704} height={4.17383} 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_7139_6188" /> </filter> <filter id="filter2_f_7139_6188" x={25.8863} y={6.06543} width={4.29704} height={4.17383} 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_7139_6188" /> </filter> <filter id="filter3_f_7139_6188" x={22.2473} y={25.7639} width={4.43843} height={4.0144} 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_7139_6188" /> </filter> <filter id="filter4_f_7139_6188" x={24.0297} y={6.29688} width={6.65666} height={19.5232} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.625} result="effect1_foregroundBlur_7139_6188" /> </filter> <filter id="filter5_f_7139_6188" x={6.07812} y={23.063} width={20.2813} height={6.63232} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.625} result="effect1_foregroundBlur_7139_6188" /> </filter> <filter id="filter6_f_7139_6188" x={3.0561} y={6.09009} width={6.35332} height={20.1208} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.625} result="effect1_foregroundBlur_7139_6188" /> </filter> <linearGradient id="paint0_linear_7139_6188" x1={29.5469} y1={-1.11133} x2={6.67188} y2={-1.11133} gradientUnits="userSpaceOnUse" > <stop stopColor="#E81123" /> <stop offset={0.371585} stopColor="#EA0A4F" /> <stop offset={1} stopColor="#EC008C" /> </linearGradient> <radialGradient id="paint1_radial_7139_6188" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.6094 3.94534) rotate(91.7534) scale(6.12787 12.2872)" > <stop offset={0.688277} stopColor="#A11749" stopOpacity={0} /> <stop offset={1} stopColor="#A21749" /> </radialGradient> <linearGradient id="paint2_linear_7139_6188" x1={13.7344} y1={0.57034} x2={2.98437} y2={1.69534} gradientUnits="userSpaceOnUse" > <stop offset={0.526882} stopColor="#A11749" stopOpacity={0} /> <stop offset={1} stopColor="#A21749" /> </linearGradient> <linearGradient id="paint3_linear_7139_6188" x1={18.1719} y1={4.75784} x2={18.2344} y2={-0.36716} gradientUnits="userSpaceOnUse" > <stop offset={0.29689} stopColor="#A11749" stopOpacity={0} /> <stop offset={0.773939} stopColor="#A21749" /> </linearGradient> <linearGradient id="paint4_linear_7139_6188" x1={2.67188} y1={31.2578} x2={23.1719} y2={31.2578} gradientUnits="userSpaceOnUse" > <stop stopColor="#E81123" /> <stop offset={0.4437} stopColor="#EA0A4F" /> <stop offset={1} stopColor="#EC008C" /> </linearGradient> <radialGradient id="paint5_radial_7139_6188" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0469 28.0078) rotate(-94.0857) scale(6.14061 12.3127)" > <stop offset={0.688277} stopColor="#A11749" stopOpacity={0} /> <stop offset={1} stopColor="#A21749" /> </radialGradient> <radialGradient id="paint6_radial_7139_6188" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0469 28.5078) rotate(90) scale(3.1875 7.32701)" > <stop stopColor="#A21749" /> <stop offset={0.828125} stopColor="#A11749" stopOpacity={0} /> </radialGradient> <linearGradient id="paint7_linear_7139_6188" x1={33.2837} y1={27.3828} x2={33.2837} y2={9.38282} gradientUnits="userSpaceOnUse" > <stop stopColor="#E81123" /> <stop offset={0.4437} stopColor="#EA0A4F" /> <stop offset={1} stopColor="#EC008C" /> </linearGradient> <radialGradient id="paint8_radial_7139_6188" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(29.6094 15.2578) rotate(90.8224) scale(13.0638 7.58393)" > <stop offset={0.688277} stopColor="#A11749" stopOpacity={0} /> <stop offset={1} stopColor="#A21749" /> </radialGradient> <linearGradient id="paint9_linear_7139_6188" x1={1.29688} y1={6.88283} x2={1.29688} y2={27.3829} gradientUnits="userSpaceOnUse" > <stop stopColor="#E81123" /> <stop offset={0.4437} stopColor="#EA0A4F" /> <stop offset={1} stopColor="#EC008C" /> </linearGradient> <radialGradient id="paint10_radial_7139_6188" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(2.04687 16.1329) rotate(-90) scale(8.93753 4.56661)" > <stop offset={0.479167} stopColor="#A21749" /> <stop offset={1} stopColor="#A11749" stopOpacity={0} /> </radialGradient> <linearGradient id="paint11_linear_7139_6188" x1={5.54688} y1={10.5078} x2={0.119885} y2={7.85074} gradientUnits="userSpaceOnUse" > <stop offset={0.29689} stopColor="#A11749" stopOpacity={0} /> <stop offset={0.773939} stopColor="#A21749" /> </linearGradient> <linearGradient id="paint12_linear_7139_6188" x1={8.39062} y1={2.38281} x2={32.8707} y2={5.87151} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF8F9E" /> <stop offset={0.817708} stopColor="#FF8F9E" stopOpacity={0} /> </linearGradient> <linearGradient id="paint13_linear_7139_6188" x1={24.1876} y1={2.78609} x2={24.1322} y2={4.87245} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF8F9E" /> <stop offset={1} stopColor="#FF8F9E" stopOpacity={0} /> </linearGradient> <linearGradient id="paint14_linear_7139_6188" x1={28.0348} y1={6.82662} x2={27.9795} y2={8.91297} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF9FAC" /> <stop offset={1} stopColor="#FF8F9E" stopOpacity={0} /> <stop offset={1} stopColor="#FFA6B2" stopOpacity={0} /> </linearGradient> <linearGradient id="paint15_linear_7139_6188" x1={24.4666} y1={26.4453} x2={24.4112} y2={28.5317} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF9FAC" /> <stop offset={1} stopColor="#FF8F9E" stopOpacity={0} /> <stop offset={1} stopColor="#FFA6B2" stopOpacity={0} /> </linearGradient> <linearGradient id="paint16_linear_7139_6188" x1={28.8594} y1={3.94513} x2={25.2541} y2={31.2891} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF8F9E" stopOpacity={0} /> <stop offset={0.707365} stopColor="#FF8F9E" /> </linearGradient> <linearGradient id="paint17_linear_7139_6188" x1={28.3643} y1={27.5202} x2={1.02722} y2={23.8627} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF8F9E" /> <stop offset={1} stopColor="#FF8F9E" stopOpacity={0} /> </linearGradient> <linearGradient id="paint18_linear_7139_6188" x1={4.59627} y1={4.09048} x2={10.2732} y2={31.0806} gradientUnits="userSpaceOnUse" > <stop stopColor="#FF97A5" /> <stop offset={1} stopColor="#FFA1AD" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = AngerSymbolIcon;