@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
27 lines (26 loc) • 11.4 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const AlertColor = ( /*#__PURE__*/createFluentIcon('AlertColor', "1em", `<path d="M13 15a3 3 0 1 1-6.01 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_20_color__a)"/><path d="M9.99 2a5.92 5.92 0 0 1 5.98 5.36l.02.22V11.4l.95 2.6.03.08.01.09.01.09c0 .31-.2.59-.52.7l-.12.04H3.74a.75.75 0 0 1-.74-.76v-.11l.04-.13.95-2.59V7.57A5.9 5.9 0 0 1 10 2Z" fill="url(#ic_fluent_alert_20_color__b)"/><defs><linearGradient id="ic_fluent_alert_20_color__a" x1="10.01" y1="14.5" x2="10.01" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_20_color__b" x1="17.01" y1="15" x2="4.51" y2="4" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));
export const AlertFilled = ( /*#__PURE__*/createFluentIcon('AlertFilled', "1em", ["M12.45 16a2.5 2.5 0 0 1-4.9 0h4.9ZM10 2a5.92 5.92 0 0 1 5.98 5.36l.02.22V11.4l.95 2.6.03.08.01.09v.08c0 .32-.19.6-.51.71l-.12.03-.11.01H3.75a.75.75 0 0 1-.74-.76v-.12l.04-.12L4 11.4V7.57A5.9 5.9 0 0 1 10 2Z"]));
export const AlertRegular = ( /*#__PURE__*/createFluentIcon('AlertRegular', "1em", ["M10 2a5.92 5.92 0 0 1 5.98 5.36l.02.22V11.4l.92 2.22a1 1 0 0 1 .06.17l.01.08.01.13a1 1 0 0 1-.75.97l-.11.02L16 15h-3.5v.17a2.5 2.5 0 0 1-5 0V15H4a1 1 0 0 1-.26-.03l-.13-.04a1 1 0 0 1-.6-1.05l.02-.13.05-.13L4 11.4V7.57A5.9 5.9 0 0 1 10 2Zm1.5 13h-3v.15a1.5 1.5 0 0 0 1.36 1.34l.14.01c.78 0 1.42-.6 1.5-1.36V15ZM10 3a4.9 4.9 0 0 0-4.98 4.38L5 7.6V11.5l-.04.2L4 14h12l-.96-2.3-.04-.2V7.61A4.9 4.9 0 0 0 10 3Z"]));
export const Alert12Regular = ( /*#__PURE__*/createFluentIcon('Alert12Regular', "12", ["M3 5v1.5a.5.5 0 0 1-.05.22L2.3 8h7.38l-.64-1.28A.5.5 0 0 1 9 6.5V5a3 3 0 0 0-6 0Zm1 4H1.5a.5.5 0 0 1-.45-.72L2 6.38V5a4 4 0 1 1 8 0v1.38l.95 1.9a.5.5 0 0 1-.45.72H8a2 2 0 1 1-4 0Zm3 0H5a1 1 0 0 0 2 0Z"]));
export const Alert12Filled = ( /*#__PURE__*/createFluentIcon('Alert12Filled', "12", ["M6 1a4 4 0 0 0-4 4v1.38l-.95 1.9A.5.5 0 0 0 1.5 9h9a.5.5 0 0 0 .45-.72L10 6.38V5a4 4 0 0 0-4-4Zm0 10.5A2 2 0 0 1 4.06 10h3.88A2 2 0 0 1 6 11.5Z"]));
export const Alert16Regular = ( /*#__PURE__*/createFluentIcon('Alert16Regular', "16", ["M8 2a4.5 4.5 0 0 0-4.5 4.5v2.4l-.96 2.41A.5.5 0 0 0 3 12h3a2 2 0 1 0 4 0h3a.5.5 0 0 0 .46-.69l-.96-2.4V6.5A4.5 4.5 0 0 0 8 2Zm1 10a1 1 0 0 1-1 1 1 1 0 0 1-1-1h2ZM4.5 6.5a3.5 3.5 0 1 1 7 0V9c0 .06.01.12.04.18l.72 1.82H3.74l.72-1.82A.5.5 0 0 0 4.5 9V6.5Z"]));
export const Alert16Filled = ( /*#__PURE__*/createFluentIcon('Alert16Filled', "16", ["M8 2a4.5 4.5 0 0 0-4.5 4.5v2.4l-.96 2.41A.5.5 0 0 0 3 12h10a.5.5 0 0 0 .46-.69l-.96-2.4V6.5A4.5 4.5 0 0 0 8 2Zm0 12.5A2 2 0 0 1 6.06 13h3.88A2 2 0 0 1 8 14.5Z"]));
export const Alert16Color = ( /*#__PURE__*/createFluentIcon('Alert16Color', "16", `<path d="M10 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="url(#ic_fluent_alert_16_color__a)"/><path d="M8 2a4.5 4.5 0 0 0-4.5 4.5v2.4l-.96 2.41A.5.5 0 0 0 3 12h10a.5.5 0 0 0 .46-.69l-.96-2.4V6.5A4.5 4.5 0 0 0 8 2Z" fill="url(#ic_fluent_alert_16_color__b)"/><defs><linearGradient id="ic_fluent_alert_16_color__a" x1="8.01" y1="11.5" x2="8.01" y2="14" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_16_color__b" x1="13.52" y1="12" x2="3.88" y2="3.32" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));
export const Alert20Regular = ( /*#__PURE__*/createFluentIcon('Alert20Regular', "20", ["M10 2a5.92 5.92 0 0 1 5.98 5.36l.02.22V11.4l.92 2.22a1 1 0 0 1 .06.17l.01.08.01.13a1 1 0 0 1-.75.97l-.11.02L16 15h-3.5v.17a2.5 2.5 0 0 1-5 0V15H4a1 1 0 0 1-.26-.03l-.13-.04a1 1 0 0 1-.6-1.05l.02-.13.05-.13L4 11.4V7.57A5.9 5.9 0 0 1 10 2Zm1.5 13h-3v.15a1.5 1.5 0 0 0 1.36 1.34l.14.01c.78 0 1.42-.6 1.5-1.36V15ZM10 3a4.9 4.9 0 0 0-4.98 4.38L5 7.6V11.5l-.04.2L4 14h12l-.96-2.3-.04-.2V7.61A4.9 4.9 0 0 0 10 3Z"]));
export const Alert20Filled = ( /*#__PURE__*/createFluentIcon('Alert20Filled', "20", ["M12.45 16a2.5 2.5 0 0 1-4.9 0h4.9ZM10 2a5.92 5.92 0 0 1 5.98 5.36l.02.22V11.4l.95 2.6.03.08.01.09v.08c0 .32-.19.6-.51.71l-.12.03-.11.01H3.75a.75.75 0 0 1-.74-.76v-.12l.04-.12L4 11.4V7.57A5.9 5.9 0 0 1 10 2Z"]));
export const Alert20Color = ( /*#__PURE__*/createFluentIcon('Alert20Color', "20", `<path d="M13 15a3 3 0 1 1-6.01 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_20_color__a)"/><path d="M9.99 2a5.92 5.92 0 0 1 5.98 5.36l.02.22V11.4l.95 2.6.03.08.01.09.01.09c0 .31-.2.59-.52.7l-.12.04H3.74a.75.75 0 0 1-.74-.76v-.11l.04-.13.95-2.59V7.57A5.9 5.9 0 0 1 10 2Z" fill="url(#ic_fluent_alert_20_color__b)"/><defs><linearGradient id="ic_fluent_alert_20_color__a" x1="10.01" y1="14.5" x2="10.01" y2="18" gradientUnits="userSpaceOnUse"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_20_color__b" x1="17.01" y1="15" x2="4.51" y2="4" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));
export const Alert24Regular = ( /*#__PURE__*/createFluentIcon('Alert24Regular', "24", ["M12 2a7.5 7.5 0 0 1 7.5 7.25v4.35l1.38 3.15a1.25 1.25 0 0 1-1.15 1.75H15a3 3 0 0 1-6 .18v-.18H4.27a1.25 1.25 0 0 1-1.14-1.75L4.5 13.6V9.5C4.5 5.35 7.85 2 12 2Zm1.5 16.5h-3a1.5 1.5 0 0 0 3 .15v-.15ZM12 3.5c-3.32 0-6 2.67-6 6v4.4L4.66 17h14.7L18 13.9V9.29a5.99 5.99 0 0 0-6-5.78Z"]));
export const Alert24Filled = ( /*#__PURE__*/createFluentIcon('Alert24Filled', "24", ["M9.04 19h5.92a3 3 0 0 1-5.92 0ZM12 2a7.5 7.5 0 0 1 7.5 7.5v4l1.42 3.16a.95.95 0 0 1-.87 1.34H3.95a.95.95 0 0 1-.86-1.34L4.5 13.5V9.24A7.5 7.5 0 0 1 12 2Z"]));
export const Alert24Color = ( /*#__PURE__*/createFluentIcon('Alert24Color', "24", `<path d="M15 18a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_24_color__a)"/><path d="M12 2a7.5 7.5 0 0 1 7.5 7.5v4l1.42 3.16a.95.95 0 0 1-.87 1.34H3.95a.95.95 0 0 1-.86-1.34L4.5 13.5V9.24A7.5 7.5 0 0 1 12 2Z" fill="url(#ic_fluent_alert_24_color__b)"/><defs><linearGradient id="ic_fluent_alert_24_color__a" x1="12" y1="17.5" x2="12.02" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_24_color__b" x1="21.03" y1="18" x2="5.58" y2="3.78" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));
export const Alert28Regular = ( /*#__PURE__*/createFluentIcon('Alert28Regular', "28", ["M14 3a8.5 8.5 0 0 1 8.5 8.25v4.86l1.41 3.65c.04.1.07.2.08.3l.01.16c0 .66-.5 1.2-1.15 1.27l-.13.01H17.5a3.5 3.5 0 0 1-7 .2v-.2H5.27a1.28 1.28 0 0 1-1.23-1.62l.04-.12L5.5 16.1v-4.6C5.5 6.8 9.3 3 14 3Zm2 18.65v-.15h-4a2 2 0 0 0 4 .15ZM14 4.5a7 7 0 0 0-7 6.76v4.99c0 .07 0 .13-.02.19l-.03.09L5.6 20h16.8l-1.35-3.48a.75.75 0 0 1-.04-.17V11.5a7 7 0 0 0-7.01-7Z"]));
export const Alert28Filled = ( /*#__PURE__*/createFluentIcon('Alert28Filled', "28", ["M17.47 22a3.5 3.5 0 0 1-6.94 0h6.94ZM14 3a8.5 8.5 0 0 1 8.5 8.25v4.36l1.41 3.65c.04.1.07.2.08.3l.01.16c0 .66-.5 1.2-1.15 1.27l-.13.01H5.27a1.28 1.28 0 0 1-1.23-1.62l.04-.12L5.5 15.6v-4.1C5.5 6.8 9.3 3 14 3Z"]));
export const Alert28Color = ( /*#__PURE__*/createFluentIcon('Alert28Color', "28", `<path d="M17.5 21.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" fill="url(#ic_fluent_alert_28_color__a)"/><path d="M14 3a8.5 8.5 0 0 1 8.5 8.25v4.36l1.41 3.65c.04.1.07.2.08.3l.01.16c0 .66-.5 1.2-1.15 1.27l-.13.01H5.28a1.28 1.28 0 0 1-1.23-1.62l.04-.12L5.5 15.6v-4.1C5.5 6.8 9.3 3 14 3Z" fill="url(#ic_fluent_alert_28_color__b)"/><defs><linearGradient id="ic_fluent_alert_28_color__a" x1="14" y1="20.5" x2="14.02" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_28_color__b" x1="21.49" y1="19" x2="6.6" y2="5.29" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));
export const Alert32Regular = ( /*#__PURE__*/createFluentIcon('Alert32Regular', "32", ["M16 4a9 9 0 0 0-9 9v4.8l-1.93 4.83A1 1 0 0 0 6 24h6a3.99 3.99 0 1 0 8 0h6a1 1 0 0 0 .93-1.37L25 17.8V13a9 9 0 0 0-9-9Zm2 20c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2h4ZM9 13a7 7 0 1 1 14 0v5a1 1 0 0 0 .07.37L24.52 22H7.48l1.45-3.63A1 1 0 0 0 9 18v-5Z"]));
export const Alert32Filled = ( /*#__PURE__*/createFluentIcon('Alert32Filled', "32", ["M7 13a9 9 0 0 1 18 0v3.8l1.93 4.83A1 1 0 0 1 26 23H6a1 1 0 0 1-.93-1.37L7 16.8V13Zm5.12 12a3.99 3.99 0 0 0 7.76 0h-7.76Z"]));
export const Alert32Light = ( /*#__PURE__*/createFluentIcon('Alert32Light', "32", ["M16 4a9 9 0 0 0-9 9v4.8l-1.93 4.83A1 1 0 0 0 6 24h6a4 4 0 0 0 8 0h6a1 1 0 0 0 .93-1.37L25 17.8V13a9 9 0 0 0-9-9Zm3 20a3 3 0 1 1-6 0h6ZM8 13a8 8 0 0 1 16 0v4.8a1 1 0 0 0 .07.38L26 23H6l1.93-4.82A1 1 0 0 0 8 17.8V13Z"]));
export const Alert32Color = ( /*#__PURE__*/createFluentIcon('Alert32Color', "32", `<path d="M20 24a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" fill="url(#ic_fluent_alert_32_color__a)"/><path d="M7 13a9 9 0 0 1 18 0v3.8l1.93 4.83A1 1 0 0 1 26 23H6a1 1 0 0 1-.93-1.37L7 16.8V13Z" fill="url(#ic_fluent_alert_32_color__b)"/><defs><linearGradient id="ic_fluent_alert_32_color__a" x1="16" y1="22.86" x2="16.03" y2="28" gradientUnits="userSpaceOnUse"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_32_color__b" x1="24.24" y1="20.89" x2="8.48" y2="5.77" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));
export const Alert48Regular = ( /*#__PURE__*/createFluentIcon('Alert48Regular', "48", ["M11.5 19v8.75c0 .17-.04.35-.1.5L8.63 34.5h30.72l-2.75-6.25c-.07-.15-.11-.33-.11-.5V19a12.5 12.5 0 1 0-25 0ZM18 37H8.25a2.25 2.25 0 0 1-2.05-3.16L9 27.5V19a15 15 0 0 1 30 0v8.49l2.8 6.35A2.25 2.25 0 0 1 39.75 37H30v1a6 6 0 0 1-12 0v-1Zm9.5 0h-7v1a3.5 3.5 0 1 0 7 0v-1Z"]));
export const Alert48Filled = ( /*#__PURE__*/createFluentIcon('Alert48Filled', "48", ["M24 4A15 15 0 0 0 9 19v8.49l-2.8 6.35A2.25 2.25 0 0 0 8.25 37h31.5a2.25 2.25 0 0 0 2.05-3.16L39 27.5V19A15 15 0 0 0 24 4Zm0 40a6 6 0 0 1-5.92-5h11.84A6 6 0 0 1 24 44Z"]));
export const Alert48Color = ( /*#__PURE__*/createFluentIcon('Alert48Color', "48", `<path d="M30 38a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z" fill="url(#ic_fluent_alert_48_color__a)"/><path d="M24 4A15 15 0 0 0 9 19v8.49l-2.8 6.35A2.25 2.25 0 0 0 8.25 37h31.5a2.25 2.25 0 0 0 2.05-3.16L39 27.5V19A15 15 0 0 0 24 4Z" fill="url(#ic_fluent_alert_48_color__b)"/><defs><linearGradient id="ic_fluent_alert_48_color__a" x1="23.99" y1="36.29" x2="24.03" y2="44" gradientUnits="userSpaceOnUse"><stop stop-color="#EB4824"/><stop offset="1" stop-color="#FFCD0F" stop-opacity=".99"/></linearGradient><linearGradient id="ic_fluent_alert_48_color__b" x1="37.49" y1="33.33" x2="10.23" y2="8.7" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient></defs>`, { color: true }));