@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
18 lines (17 loc) • 12.6 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const AlertBadgeColor = ( /*#__PURE__*/createFluentIcon('AlertBadgeColor', "1em", `<path d="M13 15a3 3 0 1 1-6.01 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_badge_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_badge_20_color__b)"/><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_badge_20_color__c)" fill-opacity=".2"/><path d="M15 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="url(#ic_fluent_alert_badge_20_color__d)"/><defs><linearGradient id="ic_fluent_alert_badge_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_badge_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><linearGradient id="ic_fluent_alert_badge_20_color__d" x1="13.14" y1="3.75" x2="16.29" y2="6.25" gradientUnits="userSpaceOnUse"><stop stop-color="#F83F54"/><stop offset="1" stop-color="#B91D6B"/></linearGradient><radialGradient id="ic_fluent_alert_badge_20_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-3.99997 5.50003 -5.91658 -4.3029 15 5)"><stop offset=".25" stop-color="#FFE994"/><stop offset=".65" stop-color="#FFE994" stop-opacity="0"/></radialGradient></defs>`, { color: true }));
export const AlertBadgeFilled = ( /*#__PURE__*/createFluentIcon('AlertBadgeFilled', "1em", ["M12.45 16a2.5 2.5 0 0 1-4.9 0h4.9ZM10 2c1.09 0 2.11.28 3 .77a3 3 0 0 0 3 5.06v3.58l.95 2.59.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 2Zm5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"]));
export const AlertBadgeRegular = ( /*#__PURE__*/createFluentIcon('AlertBadgeRegular', "1em", ["M10 2c1.09 0 2.11.28 3 .77-.26.23-.47.5-.64.8A5.16 5.16 0 0 0 10 3a4.9 4.9 0 0 0-4.98 4.38L5 7.6V11.5l-.04.2L4 14h12l-.96-2.3-.04-.2V8a3 3 0 0 0 1-.17v3.57l.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.36V15Zm1.7-10.89A2 2 0 0 1 15 3a2 2 0 1 1-1.8 1.11Z"]));
export const AlertBadge16Regular = ( /*#__PURE__*/createFluentIcon('AlertBadge16Regular', "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.4V7c-.36 0-.7-.07-1-.2V9c0 .06.01.12.04.18l.72 1.82H3.74l.72-1.82A.5.5 0 0 0 4.5 9V6.5a3.5 3.5 0 0 1 5.62-2.78c.11-.33.28-.62.5-.87A4.48 4.48 0 0 0 8 2Zm1 10a1 1 0 0 1-1 1 1 1 0 0 1-1-1h2Zm2.37-8.48a1.5 1.5 0 0 0-.03 1.93 1.5 1.5 0 1 0 .03-1.93Z"]));
export const AlertBadge16Filled = ( /*#__PURE__*/createFluentIcon('AlertBadge16Filled', "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.4V7a2.5 2.5 0 0 1-1.87-4.15A4.48 4.48 0 0 0 8 2Zm0 12.5A2 2 0 0 1 6.06 13h3.88A2 2 0 0 1 8 14.5ZM12.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"]));
export const AlertBadge16Color = ( /*#__PURE__*/createFluentIcon('AlertBadge16Color', "16", `<path d="M10 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" fill="url(#ic_fluent_alert_badge_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_badge_16_color__b)"/><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_badge_16_color__c)" fill-opacity=".2"/><path d="M12.5 6a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" fill="url(#ic_fluent_alert_badge_16_color__d)"/><defs><linearGradient id="ic_fluent_alert_badge_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_badge_16_color__b" x1="13.52" y1="12" x2="3.69" y2="3.54" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient><linearGradient id="ic_fluent_alert_badge_16_color__d" x1="11.11" y1="3.56" x2="13.46" y2="5.44" gradientUnits="userSpaceOnUse"><stop stop-color="#F83F54"/><stop offset="1" stop-color="#B91D6B"/></linearGradient><radialGradient id="ic_fluent_alert_badge_16_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(130.6 5.1 5.37) scale(4.60977 4.99197)"><stop offset=".25" stop-color="#FFE994"/><stop offset=".65" stop-color="#FFE994" stop-opacity="0"/></radialGradient></defs>`, { color: true }));
export const AlertBadge20Regular = ( /*#__PURE__*/createFluentIcon('AlertBadge20Regular', "20", ["M10 2c1.09 0 2.11.28 3 .77-.26.23-.47.5-.64.8A5.16 5.16 0 0 0 10 3a4.9 4.9 0 0 0-4.98 4.38L5 7.6V11.5l-.04.2L4 14h12l-.96-2.3-.04-.2V8a3 3 0 0 0 1-.17v3.57l.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.36V15Zm1.7-10.89A2 2 0 0 1 15 3a2 2 0 1 1-1.8 1.11Z"]));
export const AlertBadge20Filled = ( /*#__PURE__*/createFluentIcon('AlertBadge20Filled', "20", ["M12.45 16a2.5 2.5 0 0 1-4.9 0h4.9ZM10 2c1.09 0 2.11.28 3 .77a3 3 0 0 0 3 5.06v3.58l.95 2.59.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 2Zm5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"]));
export const AlertBadge20Color = ( /*#__PURE__*/createFluentIcon('AlertBadge20Color', "20", `<path d="M13 15a3 3 0 1 1-6.01 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_badge_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_badge_20_color__b)"/><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_badge_20_color__c)" fill-opacity=".2"/><path d="M15 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="url(#ic_fluent_alert_badge_20_color__d)"/><defs><linearGradient id="ic_fluent_alert_badge_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_badge_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><linearGradient id="ic_fluent_alert_badge_20_color__d" x1="13.14" y1="3.75" x2="16.29" y2="6.25" gradientUnits="userSpaceOnUse"><stop stop-color="#F83F54"/><stop offset="1" stop-color="#B91D6B"/></linearGradient><radialGradient id="ic_fluent_alert_badge_20_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-3.99997 5.50003 -5.91658 -4.3029 15 5)"><stop offset=".25" stop-color="#FFE994"/><stop offset=".65" stop-color="#FFE994" stop-opacity="0"/></radialGradient></defs>`, { color: true }));
export const AlertBadge24Regular = ( /*#__PURE__*/createFluentIcon('AlertBadge24Regular', "24", ["M11.99 2c1.45 0 2.8.4 3.95 1.11-.35.37-.61.8-.77 1.29a6 6 0 0 0-9.2 5.1v4.4L4.64 17h14.72L18 13.9V9.28l-.03-.32a3.54 3.54 0 0 0 1.5-.1l.02.38v4.35l1.39 3.16a1.25 1.25 0 0 1-1.15 1.75H15a3 3 0 0 1-6 .17v-.18H4.24a1.25 1.25 0 0 1-1.15-1.74l1.38-3.16V9.5a7.5 7.5 0 0 1 7.5-7.5Zm1.5 16.5h-3a1.5 1.5 0 0 0 3 .14v-.15Zm2.54-13.45A2.5 2.5 0 0 1 18.5 3a2.5 2.5 0 1 1-2.47 2.05Z"]));
export const AlertBadge24Filled = ( /*#__PURE__*/createFluentIcon('AlertBadge24Filled', "24", ["M18.5 9c.34 0 .66-.05.97-.14.02.21.03.43.03.64v4l1.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 11.44-6.12A3.49 3.49 0 0 0 18.5 9Zm-3.54 10a3 3 0 0 1-5.92 0h5.92ZM18.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z"]));
export const AlertBadge24Color = ( /*#__PURE__*/createFluentIcon('AlertBadge24Color', "24", `<path d="M15 18a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_badge_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_badge_24_color__b)"/><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_badge_24_color__c)" fill-opacity=".2"/><path d="M18.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" fill="url(#ic_fluent_alert_badge_24_color__d)"/><defs><linearGradient id="ic_fluent_alert_badge_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_badge_24_color__b" x1="21.03" y1="18" x2="4.94" y2="4.46" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6F47"/><stop offset="1" stop-color="#FFCD0F"/></linearGradient><linearGradient id="ic_fluent_alert_badge_24_color__d" x1="16.18" y1="3.94" x2="20.11" y2="7.06" gradientUnits="userSpaceOnUse"><stop stop-color="#F83F54"/><stop offset="1" stop-color="#B91D6B"/></linearGradient><radialGradient id="ic_fluent_alert_badge_24_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(131.99 7.8 7.37) scale(6.72681 7.33035)"><stop offset=".25" stop-color="#FFE994"/><stop offset=".65" stop-color="#FFE994" stop-opacity="0"/></radialGradient></defs>`, { color: true }));
export const AlertBadge32Regular = ( /*#__PURE__*/createFluentIcon('AlertBadge32Regular', "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.8V13.4a4.51 4.51 0 0 1-2 0v4.6a1 1 0 0 0 .07.38L24.52 22H7.48l1.45-3.63A1 1 0 0 0 9 18v-5a7 7 0 0 1 10.89-5.82c.27-.63.68-1.17 1.2-1.6A8.96 8.96 0 0 0 16 4Zm2 20c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2h4Zm6-12a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"]));
export const AlertBadge32Filled = ( /*#__PURE__*/createFluentIcon('AlertBadge32Filled', "32", ["M7 13a9 9 0 0 1 14.08-7.43A4.49 4.49 0 0 0 25 13.4v3.42l1.93 4.82A1 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.76ZM24 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"]));
export const AlertBadge32Color = ( /*#__PURE__*/createFluentIcon('AlertBadge32Color', "32", `<path d="M20 24a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z" fill="url(#ic_fluent_alert_badge_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_badge_32_color__b)"/><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_badge_32_color__c)" fill-opacity=".2"/><path d="M27 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="#212121"/><path d="M27 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="url(#ic_fluent_alert_badge_32_color__d)"/><defs><linearGradient id="ic_fluent_alert_badge_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_badge_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><linearGradient id="ic_fluent_alert_badge_32_color__d" x1="21.21" y1="7.13" x2="25.93" y2="10.88" gradientUnits="userSpaceOnUse"><stop stop-color="#F83F54"/><stop offset="1" stop-color="#B91D6B"/></linearGradient><radialGradient id="ic_fluent_alert_badge_32_color__c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-5.50014 5.93836 -6.48802 -6.00924 23.94 9.34)"><stop offset=".25" stop-color="#FFE994"/><stop offset=".65" stop-color="#FFE994" stop-opacity="0"/></radialGradient></defs>`, { color: true }));