UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

488 lines (487 loc) 21.3 kB
const React = require("react"); const HeartHandsIcon = ({ 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_i_20020_7181)"> <path fillRule="evenodd" clipRule="evenodd" d="M10.5368 14.5189C11.2859 14.0592 12.253 14.1374 12.8855 14.4537C13.9228 14.9723 15.1842 14.5518 15.7029 13.5145C16.2216 12.4771 15.8011 11.2157 14.7637 10.6971C13.1434 9.88692 10.5948 9.55558 8.34012 10.9391C5.25287 12.8335 4.98321 15.8333 4.98321 17.7978C4.98321 18.9576 5.92341 19.8978 7.08321 19.8978C8.24301 19.8978 9.18321 18.9576 9.18321 17.7978C9.18321 16.1612 9.42357 15.202 10.5368 14.5189Z" fill="url(#paint0_radial_20020_7181)" /> <path fillRule="evenodd" clipRule="evenodd" d="M10.5368 14.5189C11.2859 14.0592 12.253 14.1374 12.8855 14.4537C13.9228 14.9723 15.1842 14.5518 15.7029 13.5145C16.2216 12.4771 15.8011 11.2157 14.7637 10.6971C13.1434 9.88692 10.5948 9.55558 8.34012 10.9391C5.25287 12.8335 4.98321 15.8333 4.98321 17.7978C4.98321 18.9576 5.92341 19.8978 7.08321 19.8978C8.24301 19.8978 9.18321 18.9576 9.18321 17.7978C9.18321 16.1612 9.42357 15.202 10.5368 14.5189Z" fill="url(#paint1_radial_20020_7181)" /> </g> <g filter="url(#filter1_iii_20020_7181)"> <path d="M14.1512 15.9982C14.1512 15.9982 14.1466 15.9928 14.1365 15.9826C14.1262 15.9721 14.1115 15.9578 14.0922 15.9406C14.0531 15.9057 14.0004 15.8631 13.9345 15.8171C13.8012 15.7239 13.634 15.6308 13.4446 15.5588C13.0746 15.4183 12.6557 15.3685 12.1961 15.5073C11.2209 15.8018 10.6606 16.5806 10.3008 17.715C10.1405 18.6116 10.1559 20.3371 10.9768 21.1485C11.2178 21.4171 11.7414 21.7577 12.4125 22.1943C13.8238 23.1122 15.8875 24.4546 17.348 26.4453C18.3923 27.7765 17.443 29.186 16.9249 29.4688C16.2058 29.8612 15.3973 30.0094 14.5584 29.3438C13.7195 28.6782 12.3774 27.7206 10.9222 27.9766C9.467 28.2326 8.89174 28.3281 8.0426 28.3281H3.69647C2.70236 28.3281 1.89661 27.5222 1.89661 26.5281V22.0156C1.89661 20.0585 3.12747 17.5756 5.09337 16.8934C5.73116 16.672 6.3358 16.2593 6.59362 15.6354C7.27483 13.9868 8.53592 12.2253 10.9818 11.4867C13.9648 10.5858 16.4191 12.178 17.3553 13.2827C18.1051 14.1676 17.9957 15.4927 17.1109 16.2425C16.2261 16.9924 14.901 16.883 14.1512 15.9982Z" fill="#FFC34C" /> <path d="M14.1512 15.9982C14.1512 15.9982 14.1466 15.9928 14.1365 15.9826C14.1262 15.9721 14.1115 15.9578 14.0922 15.9406C14.0531 15.9057 14.0004 15.8631 13.9345 15.8171C13.8012 15.7239 13.634 15.6308 13.4446 15.5588C13.0746 15.4183 12.6557 15.3685 12.1961 15.5073C11.2209 15.8018 10.6606 16.5806 10.3008 17.715C10.1405 18.6116 10.1559 20.3371 10.9768 21.1485C11.2178 21.4171 11.7414 21.7577 12.4125 22.1943C13.8238 23.1122 15.8875 24.4546 17.348 26.4453C18.3923 27.7765 17.443 29.186 16.9249 29.4688C16.2058 29.8612 15.3973 30.0094 14.5584 29.3438C13.7195 28.6782 12.3774 27.7206 10.9222 27.9766C9.467 28.2326 8.89174 28.3281 8.0426 28.3281H3.69647C2.70236 28.3281 1.89661 27.5222 1.89661 26.5281V22.0156C1.89661 20.0585 3.12747 17.5756 5.09337 16.8934C5.73116 16.672 6.3358 16.2593 6.59362 15.6354C7.27483 13.9868 8.53592 12.2253 10.9818 11.4867C13.9648 10.5858 16.4191 12.178 17.3553 13.2827C18.1051 14.1676 17.9957 15.4927 17.1109 16.2425C16.2261 16.9924 14.901 16.883 14.1512 15.9982Z" fill="url(#paint2_radial_20020_7181)" /> <path d="M14.1512 15.9982C14.1512 15.9982 14.1466 15.9928 14.1365 15.9826C14.1262 15.9721 14.1115 15.9578 14.0922 15.9406C14.0531 15.9057 14.0004 15.8631 13.9345 15.8171C13.8012 15.7239 13.634 15.6308 13.4446 15.5588C13.0746 15.4183 12.6557 15.3685 12.1961 15.5073C11.2209 15.8018 10.6606 16.5806 10.3008 17.715C10.1405 18.6116 10.1559 20.3371 10.9768 21.1485C11.2178 21.4171 11.7414 21.7577 12.4125 22.1943C13.8238 23.1122 15.8875 24.4546 17.348 26.4453C18.3923 27.7765 17.443 29.186 16.9249 29.4688C16.2058 29.8612 15.3973 30.0094 14.5584 29.3438C13.7195 28.6782 12.3774 27.7206 10.9222 27.9766C9.467 28.2326 8.89174 28.3281 8.0426 28.3281H3.69647C2.70236 28.3281 1.89661 27.5222 1.89661 26.5281V22.0156C1.89661 20.0585 3.12747 17.5756 5.09337 16.8934C5.73116 16.672 6.3358 16.2593 6.59362 15.6354C7.27483 13.9868 8.53592 12.2253 10.9818 11.4867C13.9648 10.5858 16.4191 12.178 17.3553 13.2827C18.1051 14.1676 17.9957 15.4927 17.1109 16.2425C16.2261 16.9924 14.901 16.883 14.1512 15.9982Z" fill="url(#paint3_radial_20020_7181)" /> <path d="M14.1512 15.9982C14.1512 15.9982 14.1466 15.9928 14.1365 15.9826C14.1262 15.9721 14.1115 15.9578 14.0922 15.9406C14.0531 15.9057 14.0004 15.8631 13.9345 15.8171C13.8012 15.7239 13.634 15.6308 13.4446 15.5588C13.0746 15.4183 12.6557 15.3685 12.1961 15.5073C11.2209 15.8018 10.6606 16.5806 10.3008 17.715C10.1405 18.6116 10.1559 20.3371 10.9768 21.1485C11.2178 21.4171 11.7414 21.7577 12.4125 22.1943C13.8238 23.1122 15.8875 24.4546 17.348 26.4453C18.3923 27.7765 17.443 29.186 16.9249 29.4688C16.2058 29.8612 15.3973 30.0094 14.5584 29.3438C13.7195 28.6782 12.3774 27.7206 10.9222 27.9766C9.467 28.2326 8.89174 28.3281 8.0426 28.3281H3.69647C2.70236 28.3281 1.89661 27.5222 1.89661 26.5281V22.0156C1.89661 20.0585 3.12747 17.5756 5.09337 16.8934C5.73116 16.672 6.3358 16.2593 6.59362 15.6354C7.27483 13.9868 8.53592 12.2253 10.9818 11.4867C13.9648 10.5858 16.4191 12.178 17.3553 13.2827C18.1051 14.1676 17.9957 15.4927 17.1109 16.2425C16.2261 16.9924 14.901 16.883 14.1512 15.9982Z" fill="url(#paint4_radial_20020_7181)" /> </g> <path fillRule="evenodd" clipRule="evenodd" d="M21.1411 14.5189C20.392 14.0592 19.4249 14.1374 18.7924 14.4537C17.755 14.9723 16.4936 14.5518 15.975 13.5145C15.4563 12.4771 15.8768 11.2157 16.9141 10.6971C18.5344 9.88692 21.0831 9.55558 23.3377 10.9391C26.425 12.8335 26.6946 15.8333 26.6946 17.7978C26.6946 18.9576 25.7544 19.8978 24.5946 19.8978C23.4348 19.8978 22.4946 18.9576 22.4946 17.7978C22.4946 16.1612 22.2543 15.202 21.1411 14.5189Z" fill="#E8B12D" /> <path fillRule="evenodd" clipRule="evenodd" d="M21.1411 14.5189C20.392 14.0592 19.4249 14.1374 18.7924 14.4537C17.755 14.9723 16.4936 14.5518 15.975 13.5145C15.4563 12.4771 15.8768 11.2157 16.9141 10.6971C18.5344 9.88692 21.0831 9.55558 23.3377 10.9391C26.425 12.8335 26.6946 15.8333 26.6946 17.7978C26.6946 18.9576 25.7544 19.8978 24.5946 19.8978C23.4348 19.8978 22.4946 18.9576 22.4946 17.7978C22.4946 16.1612 22.2543 15.202 21.1411 14.5189Z" fill="url(#paint5_radial_20020_7181)" /> <path fillRule="evenodd" clipRule="evenodd" d="M21.1411 14.5189C20.392 14.0592 19.4249 14.1374 18.7924 14.4537C17.755 14.9723 16.4936 14.5518 15.975 13.5145C15.4563 12.4771 15.8768 11.2157 16.9141 10.6971C18.5344 9.88692 21.0831 9.55558 23.3377 10.9391C26.425 12.8335 26.6946 15.8333 26.6946 17.7978C26.6946 18.9576 25.7544 19.8978 24.5946 19.8978C23.4348 19.8978 22.4946 18.9576 22.4946 17.7978C22.4946 16.1612 22.2543 15.202 21.1411 14.5189Z" fill="url(#paint6_radial_20020_7181)" /> <g filter="url(#filter2_iii_20020_7181)"> <path d="M17.5267 15.9982C17.5267 15.9982 17.5313 15.9928 17.5413 15.9826C17.5517 15.9721 17.5664 15.9578 17.5857 15.9406C17.6248 15.9057 17.6775 15.8631 17.7433 15.8171C17.8767 15.7239 18.0438 15.6308 18.2333 15.5588C18.6032 15.4183 19.0222 15.3685 19.4818 15.5073C20.4569 15.8018 21.0172 16.5806 21.3771 17.715C21.5373 18.6116 21.522 20.3371 20.7011 21.1485C20.4601 21.4171 19.9365 21.7577 19.2653 22.1943C17.8541 23.1122 15.7903 24.4546 14.3298 26.4453C13.2855 27.7765 14.2349 29.186 14.7529 29.4688C15.472 29.8612 16.2806 30.0094 17.1194 29.3438C17.9583 28.6782 19.3005 27.7206 20.7557 27.9766C22.2109 28.2326 22.7861 28.3281 23.6353 28.3281H27.9814C28.9755 28.3281 29.7812 27.5222 29.7812 26.5281V22.0156C29.7812 20.0585 28.5504 17.5756 26.5845 16.8934C25.9467 16.672 25.3421 16.2593 25.0842 15.6354C24.403 13.9868 23.1419 12.2253 20.6961 11.4867C17.7131 10.5858 15.2588 12.178 14.3226 13.2827C13.5727 14.1676 13.6821 15.4927 14.5669 16.2425C15.4517 16.9924 16.7768 16.883 17.5267 15.9982Z" fill="#FFC34C" /> </g> <g filter="url(#filter3_f_20020_7181)"> <path d="M19.0312 12.4375C20.4062 12.3958 23.3062 13.2812 24.2812 17.1562" stroke="url(#paint7_linear_20020_7181)" strokeWidth={2} strokeLinecap="round" /> </g> <g filter="url(#filter4_f_20020_7181)"> <path d="M25.7812 18.125C26.5833 18.5 28.1875 19.7625 28.1875 21.8125C28.1875 23.8625 28.1875 25.2083 28.1875 26.0312" stroke="url(#paint8_radial_20020_7181)" strokeWidth={2} strokeLinecap="round" /> </g> <g filter="url(#filter5_f_20020_7181)"> <path d="M15.4688 27.7812C15.9896 26.9271 17.9625 25.1125 19.5625 23.9375" stroke="url(#paint9_linear_20020_7181)" strokeWidth={2} strokeLinecap="round" /> </g> <g filter="url(#filter6_f_20020_7181)"> <path d="M8.44955 19.0312C8.34538 19.8333 8.5433 21.6375 10.1683 22.4375C11.8438 23.5 13.2829 24.5625 13.8246 25.125" stroke="url(#paint10_linear_20020_7181)" strokeWidth={2} strokeLinecap="round" /> </g> <defs> <filter id="filter0_i_20020_7181" x={4.98322} y={9.99512} width={11.1918} height={9.90271} 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} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.882353 0 0 0 0 0.662745 0 0 0 0 0.345098 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_7181" /> </filter> <filter id="filter1_iii_20020_7181" x={1.89661} y={10.2213} width={16.4567} height={19.5818} 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={-1} /> <feGaussianBlur stdDeviation={1} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.980392 0 0 0 0 0.639216 0 0 0 0 0.34902 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_7181" /> <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} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.878431 0 0 0 0 0.619608 0 0 0 0 0.2 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_20020_7181" result="effect2_innerShadow_20020_7181" /> <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.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.976471 0 0 0 0 0.521569 0 0 0 0 0.705882 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_20020_7181" result="effect3_innerShadow_20020_7181" /> </filter> <filter id="filter2_iii_20020_7181" x={13.8246} y={10.2213} width={16.4567} height={19.5818} 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={-1} /> <feGaussianBlur stdDeviation={1} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.980392 0 0 0 0 0.639216 0 0 0 0 0.34902 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_7181" /> <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} /> <feGaussianBlur stdDeviation={0.75} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.878431 0 0 0 0 0.619608 0 0 0 0 0.2 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_20020_7181" result="effect2_innerShadow_20020_7181" /> <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.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.976471 0 0 0 0 0.521569 0 0 0 0 0.705882 0 0 0 1 0" /> <feBlend mode="normal" in2="effect2_innerShadow_20020_7181" result="effect3_innerShadow_20020_7181" /> </filter> <filter id="filter3_f_20020_7181" x={17.0312} y={10.4362} width={9.25026} height={8.72034} 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_20020_7181" /> </filter> <filter id="filter4_f_20020_7181" x={23.781} y={16.1248} width={6.40649} height={11.9065} 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_20020_7181" /> </filter> <filter id="filter5_f_20020_7181" x={13.4686} y={21.9374} width={8.09395} height={7.84393} 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_20020_7181" /> </filter> <filter id="filter6_f_20020_7181" x={6.42667} y={17.0311} width={9.39792} height={10.0939} 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_20020_7181" /> </filter> <radialGradient id="paint0_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.9687 11.4063) rotate(142.891) scale(10.4626 11.5605)" > <stop stopColor="#FCD038" /> <stop offset={1} stopColor="#FDB046" /> </radialGradient> <radialGradient id="paint1_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.5625 15.125) rotate(123.476) scale(4.64565 3.41798)" > <stop offset={0.497466} stopColor="#EFA128" /> <stop offset={1} stopColor="#EFA128" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.75 29.8031) rotate(-161.777) scale(7.76442 5.60844)" > <stop offset={0.182697} stopColor="#FD985B" /> <stop offset={1} stopColor="#FD985B" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.5313 25.2188) rotate(-128.919) scale(6.46664 2.55443)" > <stop stopColor="#D49637" /> <stop offset={1} stopColor="#D49637" stopOpacity={0} /> </radialGradient> <radialGradient id="paint4_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.625 15.8125) rotate(132.013) scale(5.08924 3.88381)" > <stop offset={0.365468} stopColor="#ED8C50" /> <stop offset={1} stopColor="#ED8C50" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(26.9375 16.6563) rotate(-136.324) scale(14.3448 4.44683)" > <stop offset={0.143087} stopColor="#FFEB63" /> <stop offset={1} stopColor="#FFEB63" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.7813 14.0938) rotate(51.8428) scale(4.45112 1.98074)" > <stop offset={0.34582} stopColor="#FEC731" /> <stop offset={1} stopColor="#FEC731" stopOpacity={0} /> </radialGradient> <linearGradient id="paint7_linear_20020_7181" x1={24.2812} y1={17.1562} x2={15.375} y2={11.2187} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFE660" /> <stop offset={1} stopColor="#FFE660" stopOpacity={0} /> </linearGradient> <radialGradient id="paint8_radial_20020_7181" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(30.8438 19.4375) rotate(144.039) scale(7.87599 5.78747)" > <stop offset={0.324876} stopColor="#FFE660" /> <stop offset={1} stopColor="#FFE660" stopOpacity={0} /> </radialGradient> <linearGradient id="paint9_linear_20020_7181" x1={15.9063} y1={28.0938} x2={19.4986} y2={22.9806} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFC452" /> <stop offset={1} stopColor="#FFC452" stopOpacity={0} /> </linearGradient> <linearGradient id="paint10_linear_20020_7181" x1={11.6875} y1={19.6875} x2={9.81715} y2={24.4277} gradientUnits="userSpaceOnUse" > <stop stopColor="#FFD454" /> <stop offset={1} stopColor="#FFE660" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = HeartHandsIcon;