@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
26 lines (25 loc) • 8.4 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const HeartColor = ( /*#__PURE__*/createFluentIcon('HeartColor', "1em", `<path d="M9.39 4.29a4.3 4.3 0 0 0-6.13-.02 4.4 4.4 0 0 0 .02 6.2l6.27 6.33c.26.27.69.27.95 0l6.24-6.3a4.4 4.4 0 0 0-.02-6.19 4.3 4.3 0 0 0-6.13-.01l-.6.6-.6-.61Z" fill="url(#ic_fluent_heart_20_color__a)"/><defs><linearGradient id="ic_fluent_heart_20_color__a" x1="-1.5" y1="-1" x2="7.07" y2="16.99" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const HeartFilled = ( /*#__PURE__*/createFluentIcon('HeartFilled', "1em", ["M9.39 4.29a4.3 4.3 0 0 0-6.13-.02 4.4 4.4 0 0 0 .02 6.2l6.27 6.33c.26.27.69.27.95 0l6.24-6.3a4.4 4.4 0 0 0-.02-6.19 4.3 4.3 0 0 0-6.13-.01l-.6.6-.6-.61Z"]));
export const HeartRegular = ( /*#__PURE__*/createFluentIcon('HeartRegular', "1em", ["m10.5 16.8 6.24-6.3a4.4 4.4 0 0 0-.02-6.19 4.3 4.3 0 0 0-6.13-.01l-.6.6-.6-.61a4.3 4.3 0 0 0-6.13-.02 4.4 4.4 0 0 0 .02 6.2l6.27 6.33c.26.27.69.27.95 0ZM11.3 5a3.3 3.3 0 0 1 4.71.02 3.4 3.4 0 0 1 .02 4.78l-6 6.06-6.04-6.1a3.4 3.4 0 0 1-.02-4.78 3.3 3.3 0 0 1 4.7.01l.97.97c.2.2.51.2.7 0L11.3 5Z"]));
export const Heart12Regular = ( /*#__PURE__*/createFluentIcon('Heart12Regular', "12", ["M5.41 2.52a2.39 2.39 0 0 0-3.2.2 2.55 2.55 0 0 0 0 3.54L5.76 9.9c.15.15.38.15.53 0l3.51-3.6c.95-.98.95-2.56 0-3.54a2.4 2.4 0 0 0-3.46 0L6 3.08l-.34-.35a2.5 2.5 0 0 0-.25-.22Zm1.64.92a1.4 1.4 0 0 1 2.02 0c.57.6.57 1.56 0 2.15L6.01 8.73 2.93 5.57a1.55 1.55 0 0 1 0-2.14 1.4 1.4 0 0 1 2.01 0l.34.35a1 1 0 0 0 1.43 0l.34-.34Z"]));
export const Heart12Filled = ( /*#__PURE__*/createFluentIcon('Heart12Filled', "12", ["M5.66 2.74a2.4 2.4 0 0 0-3.45-.01 2.55 2.55 0 0 0 0 3.53L5.76 9.9c.15.15.38.15.53 0l3.51-3.6c.95-.98.95-2.56 0-3.54a2.4 2.4 0 0 0-3.46 0L6 3.08l-.34-.35Z"]));
export const Heart16Regular = ( /*#__PURE__*/createFluentIcon('Heart16Regular', "16", ["M7.54 3.95a3.25 3.25 0 0 0-4.6-.01 3.25 3.25 0 0 0 .02 4.6l4.7 4.7c.2.2.52.2.71 0l4.69-4.68a3.25 3.25 0 0 0-4.61-4.6l-.46.44-.45-.45Zm4.8 3.9-4.32 4.33-4.36-4.36a2.25 2.25 0 0 1 0-3.18c.87-.87 2.3-.87 3.17.01l.81.81c.2.2.53.2.72 0l.79-.8c.88-.88 2.3-.87 3.19.01.88.88.88 2.3 0 3.18Z"]));
export const Heart16Filled = ( /*#__PURE__*/createFluentIcon('Heart16Filled', "16", ["M7.54 3.95a3.25 3.25 0 0 0-4.6-.01 3.25 3.25 0 0 0 .02 4.6l4.7 4.7c.2.2.52.2.71 0l4.69-4.68a3.25 3.25 0 0 0-4.61-4.6l-.46.44-.45-.45Z"]));
export const Heart16Color = ( /*#__PURE__*/createFluentIcon('Heart16Color', "16", `<path d="M7.54 3.95a3.25 3.25 0 0 0-4.6-.01 3.25 3.25 0 0 0 .02 4.6l4.7 4.7c.2.2.52.2.71 0l4.69-4.68a3.25 3.25 0 0 0-4.61-4.6l-.46.44-.45-.45Z" fill="url(#ic_fluent_heart_16_color__a)"/><defs><linearGradient id="ic_fluent_heart_16_color__a" x1="-.62" y1=".02" x2="5.7" y2="13.42" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Heart20Regular = ( /*#__PURE__*/createFluentIcon('Heart20Regular', "20", ["m10.5 16.8 6.24-6.3a4.4 4.4 0 0 0-.02-6.19 4.3 4.3 0 0 0-6.13-.01l-.6.6-.6-.61a4.3 4.3 0 0 0-6.13-.02 4.4 4.4 0 0 0 .02 6.2l6.27 6.33c.26.27.69.27.95 0ZM11.3 5a3.3 3.3 0 0 1 4.71.02 3.4 3.4 0 0 1 .02 4.78l-6 6.06-6.04-6.1a3.4 3.4 0 0 1-.02-4.78 3.3 3.3 0 0 1 4.7.01l.97.97c.2.2.51.2.7 0L11.3 5Z"]));
export const Heart20Filled = ( /*#__PURE__*/createFluentIcon('Heart20Filled', "20", ["M9.39 4.29a4.3 4.3 0 0 0-6.13-.02 4.4 4.4 0 0 0 .02 6.2l6.27 6.33c.26.27.69.27.95 0l6.24-6.3a4.4 4.4 0 0 0-.02-6.19 4.3 4.3 0 0 0-6.13-.01l-.6.6-.6-.61Z"]));
export const Heart20Color = ( /*#__PURE__*/createFluentIcon('Heart20Color', "20", `<path d="M9.39 4.29a4.3 4.3 0 0 0-6.13-.02 4.4 4.4 0 0 0 .02 6.2l6.27 6.33c.26.27.69.27.95 0l6.24-6.3a4.4 4.4 0 0 0-.02-6.19 4.3 4.3 0 0 0-6.13-.01l-.6.6-.6-.61Z" fill="url(#ic_fluent_heart_20_color__a)"/><defs><linearGradient id="ic_fluent_heart_20_color__a" x1="-1.5" y1="-1" x2="7.07" y2="16.99" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Heart24Regular = ( /*#__PURE__*/createFluentIcon('Heart24Regular', "24", ["M12.82 5.58 12 6.4l-.82-.82a5.37 5.37 0 1 0-7.6 7.6l7.89 7.9c.3.29.77.29 1.06 0l7.9-7.9a5.38 5.38 0 1 0-7.61-7.6Zm6.55 6.54L12 19.48l-7.36-7.36a3.87 3.87 0 1 1 5.48-5.48L11.47 8c.3.3.79.29 1.08-.02l1.33-1.34a3.88 3.88 0 0 1 5.49 5.48Z"]));
export const Heart24Filled = ( /*#__PURE__*/createFluentIcon('Heart24Filled', "24", ["M12.82 5.58 12 6.4l-.82-.82a5.37 5.37 0 1 0-7.6 7.6l7.89 7.9c.3.29.77.29 1.06 0l7.9-7.9a5.38 5.38 0 1 0-7.61-7.6Z"]));
export const Heart24Color = ( /*#__PURE__*/createFluentIcon('Heart24Color', "24", `<path d="M12.82 5.58 12 6.4l-.82-.82a5.38 5.38 0 0 0-7.6 7.6l7.89 7.9c.3.29.77.29 1.06 0l7.9-7.9a5.38 5.38 0 1 0-7.61-7.6Z" fill="url(#ic_fluent_heart_24_color__a)"/><defs><linearGradient id="ic_fluent_heart_24_color__a" x1="-2.38" y1="-.94" x2="8.14" y2="21.38" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Heart28Regular = ( /*#__PURE__*/createFluentIcon('Heart28Regular', "28", ["M14.6 6.2a6.52 6.52 0 1 1 9.51 8.9l-9.58 9.68a.75.75 0 0 1-1.06 0L3.89 15.1a6.52 6.52 0 1 1 9.5-8.92l.61.68.6-.68Zm8.65 1a5.02 5.02 0 0 0-7.52-.01L14.56 8.5a.75.75 0 0 1-1.12 0L12.27 7.2a5.02 5.02 0 1 0-7.32 6.86L14 23.18l9.05-9.13a5.02 5.02 0 0 0 .2-6.85Z"]));
export const Heart28Filled = ( /*#__PURE__*/createFluentIcon('Heart28Filled', "28", ["M14.6 6.2a6.52 6.52 0 1 1 9.51 8.9l-9.58 9.68a.75.75 0 0 1-1.06 0L3.89 15.1a6.52 6.52 0 1 1 9.5-8.92l.61.68.6-.68Z"]));
export const Heart28Color = ( /*#__PURE__*/createFluentIcon('Heart28Color', "28", `<path d="M14.6 6.2a6.52 6.52 0 1 1 9.51 8.9l-9.58 9.68a.75.75 0 0 1-1.06 0L3.89 15.1a6.52 6.52 0 1 1 9.5-8.92l.61.68.6-.68Z" fill="url(#ic_fluent_heart_28_color__a)"/><defs><linearGradient id="ic_fluent_heart_28_color__a" x1="-3.25" y1="-2" x2="9.61" y2="24.98" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Heart32Regular = ( /*#__PURE__*/createFluentIcon('Heart32Regular', "32", ["M3.38 7.13a7.46 7.46 0 0 1 12.15 0l.46.64.42-.6A7.48 7.48 0 1 1 28 16.59l-11.27 12.1a1 1 0 0 1-1.46 0L3.99 16.54a7.46 7.46 0 0 1-.6-9.4ZM13.9 8.3a5.46 5.46 0 1 0-8.44 6.89L16 26.53l10.54-11.31a5.48 5.48 0 1 0-8.5-6.89l-1.22 1.75a1 1 0 0 1-1.63 0l-1.29-1.8Z"]));
export const Heart32Filled = ( /*#__PURE__*/createFluentIcon('Heart32Filled', "32", ["M15.53 7.12a7.46 7.46 0 1 0-11.54 9.42l11.28 12.14a1 1 0 0 0 1.46 0L28 16.58a7.48 7.48 0 1 0-11.59-9.4l-.42.6-.46-.66Z"]));
export const Heart32Color = ( /*#__PURE__*/createFluentIcon('Heart32Color', "32", `<path d="M15.53 7.12a7.46 7.46 0 1 0-11.54 9.42l11.28 12.14a1 1 0 0 0 1.46 0L28 16.58a7.48 7.48 0 1 0-11.59-9.4l-.42.6-.46-.66Z" fill="url(#ic_fluent_heart_32_color__a)"/><defs><linearGradient id="ic_fluent_heart_32_color__a" x1="-4.13" y1="-3.14" x2="11.38" y2="28.74" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Heart48Regular = ( /*#__PURE__*/createFluentIcon('Heart48Regular', "48", ["M7.92 10.15c4.12-3.3 10.04-3 13.8.69L24 13.06l2.27-2.22A10.42 10.42 0 0 1 40.9 25.67L24.88 41.64c-.48.48-1.27.48-1.76 0L7.09 25.67a10.42 10.42 0 0 1 .83-15.52Zm12.06 2.48A7.92 7.92 0 0 0 8.85 23.9L24 38.99l15.15-15.1a7.92 7.92 0 0 0-11.13-11.26l-3.14 3.07c-.49.48-1.27.48-1.75 0l-3.15-3.07Z"]));
export const Heart48Filled = ( /*#__PURE__*/createFluentIcon('Heart48Filled', "48", ["M21.26 10.18A10.77 10.77 0 0 0 7.33 26.56l15.8 15.1c.49.46 1.25.46 1.73 0l15.8-15.1a10.77 10.77 0 0 0-13.93-16.38L24 12.25l-2.74-2.07Z"]));
export const Heart48Color = ( /*#__PURE__*/createFluentIcon('Heart48Color', "48", `<path d="M21.26 10.18A10.77 10.77 0 0 0 7.33 26.56l15.8 15.1c.49.46 1.25.46 1.73 0l15.8-15.1a10.77 10.77 0 0 0-13.93-16.38L24 12.25l-2.74-2.07Z" fill="url(#ic_fluent_heart_48_color__a)"/><defs><linearGradient id="ic_fluent_heart_48_color__a" x1="-4.75" y1="-1.71" x2="15.69" y2="42.43" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));