@fluentui/react-icons/lib/atoms/svg/warning.js

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const WarningColor = ( /*#__PURE__*/createFluentIcon('WarningColor', "1em", `<path d="M8.68 2.79a1.5 1.5 0 0 1 2.64 0l6.5 12A1.5 1.5 0 0 1 16.5 17h-13a1.5 1.5 0 0 1-1.32-2.21l6.5-12Z" fill="url(#ic_fluent_warning_20_color__a)"/><path d="M10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 1 0v-4Z" fill="url(#ic_fluent_warning_20_color__b)"/><path d="M10 14.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" fill="url(#ic_fluent_warning_20_color__c)"/><defs><linearGradient id="ic_fluent_warning_20_color__a" x1="4.5" y1="-.34" x2="13.97" y2="18.91" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_20_color__b" x1="8" y1="7" x2="11.6" y2="14.69" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#212121"/></linearGradient><linearGradient id="ic_fluent_warning_20_color__c" x1="8" y1="7" x2="11.6" y2="14.69" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#242424"/></linearGradient></defs>`, { color: true }));
export const WarningFilled = ( /*#__PURE__*/createFluentIcon('WarningFilled', "1em", ["M8.68 2.79a1.5 1.5 0 0 1 2.64 0l6.5 12A1.5 1.5 0 0 1 16.5 17h-13a1.5 1.5 0 0 1-1.32-2.21l6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 1 0v-4Zm.25 6.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"]));
export const WarningRegular = ( /*#__PURE__*/createFluentIcon('WarningRegular', "1em", ["M9.56 3.26a.5.5 0 0 1 .88 0l6.5 12a.5.5 0 0 1-.44.74h-13a.5.5 0 0 1-.44-.74l6.5-12Zm1.76-.47a1.5 1.5 0 0 0-2.64 0l-6.5 12A1.5 1.5 0 0 0 3.5 17h13a1.5 1.5 0 0 0 1.32-2.21l-6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 1 0 1 0v-4Zm.25 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"]));
export const Warning12Regular = ( /*#__PURE__*/createFluentIcon('Warning12Regular', "12", ["M5.5 4.5a.5.5 0 0 1 1 0v1a.5.5 0 0 1-1 0v-1ZM6 6.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Zm-.79-5.3a.9.9 0 0 1 1.58 0l4.09 7.18a.92.92 0 0 1-.79 1.37H1.91a.92.92 0 0 1-.79-1.37l4.1-7.17Zm.79.67L2.08 8.98h7.84L6 2.12Z"]));
export const Warning12Filled = ( /*#__PURE__*/createFluentIcon('Warning12Filled', "12", ["M5.21 1.46a.9.9 0 0 1 1.58 0l4.09 7.17a.92.92 0 0 1-.79 1.37H1.91a.92.92 0 0 1-.79-1.37l4.1-7.17ZM5.5 4.5v1a.5.5 0 0 0 1 0v-1a.5.5 0 0 0-1 0ZM6 6.75a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5Z"]));
export const Warning16Regular = ( /*#__PURE__*/createFluentIcon('Warning16Regular', "16", ["M8.75 10.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 8a.5.5 0 0 0 1 0V5.5a.5.5 0 0 0-1 0V8Zm-.6-5.36c.49-.86 1.71-.86 2.2 0l4.74 8.5c.47.83-.14 1.86-1.09 1.86h-9.5a1.25 1.25 0 0 1-1.1-1.86l4.76-8.5Zm1.32.49a.25.25 0 0 0-.44 0l-4.75 8.5c-.1.16.03.37.22.37h9.5c.2 0 .31-.2.22-.37l-4.75-8.5Z"]));
export const Warning16Filled = ( /*#__PURE__*/createFluentIcon('Warning16Filled', "16", ["M9.1 2.64a1.25 1.25 0 0 0-2.19 0l-4.75 8.5c-.47.83.13 1.86 1.09 1.86h9.5c.96 0 1.56-1.03 1.1-1.86l-4.76-8.5Zm-.35 7.61a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 8V5.5a.5.5 0 0 1 1 0V8a.5.5 0 0 1-1 0Z"]));
export const Warning16Color = ( /*#__PURE__*/createFluentIcon('Warning16Color', "16", `<path d="M9.1 2.64a1.25 1.25 0 0 0-2.19 0l-4.75 8.5c-.47.83.13 1.86 1.09 1.86h9.5c.96 0 1.56-1.03 1.1-1.86l-4.76-8.5Z" fill="url(#ic_fluent_warning_16_color__a)"/><path d="M8.75 10.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 8V5.5a.5.5 0 0 1 1 0V8a.5.5 0 0 1-1 0Z" fill="url(#ic_fluent_warning_16_color__b)"/><defs><linearGradient id="ic_fluent_warning_16_color__a" x1="3.87" y1=".28" x2="10.73" y2="14.53" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_16_color__b" x1="6" y1="5" x2="8.47" y2="11.58" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#212121"/></linearGradient></defs>`, { color: true }));
export const Warning20Regular = ( /*#__PURE__*/createFluentIcon('Warning20Regular', "20", ["M9.56 3.26a.5.5 0 0 1 .88 0l6.5 12a.5.5 0 0 1-.44.74h-13a.5.5 0 0 1-.44-.74l6.5-12Zm1.76-.47a1.5 1.5 0 0 0-2.64 0l-6.5 12A1.5 1.5 0 0 0 3.5 17h13a1.5 1.5 0 0 0 1.32-2.21l-6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 1 0 1 0v-4Zm.25 6.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"]));
export const Warning20Filled = ( /*#__PURE__*/createFluentIcon('Warning20Filled', "20", ["M8.68 2.79a1.5 1.5 0 0 1 2.64 0l6.5 12A1.5 1.5 0 0 1 16.5 17h-13a1.5 1.5 0 0 1-1.32-2.21l6.5-12ZM10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 1 0v-4Zm.25 6.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z"]));
export const Warning20Color = ( /*#__PURE__*/createFluentIcon('Warning20Color', "20", `<path d="M8.68 2.79a1.5 1.5 0 0 1 2.64 0l6.5 12A1.5 1.5 0 0 1 16.5 17h-13a1.5 1.5 0 0 1-1.32-2.21l6.5-12Z" fill="url(#ic_fluent_warning_20_color__a)"/><path d="M10.5 7.5a.5.5 0 0 0-1 0v4a.5.5 0 0 0 1 0v-4Z" fill="url(#ic_fluent_warning_20_color__b)"/><path d="M10 14.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" fill="url(#ic_fluent_warning_20_color__c)"/><defs><linearGradient id="ic_fluent_warning_20_color__a" x1="4.5" y1="-.34" x2="13.97" y2="18.91" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_20_color__b" x1="8" y1="7" x2="11.6" y2="14.69" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#212121"/></linearGradient><linearGradient id="ic_fluent_warning_20_color__c" x1="8" y1="7" x2="11.6" y2="14.69" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#242424"/></linearGradient></defs>`, { color: true }));
export const Warning24Regular = ( /*#__PURE__*/createFluentIcon('Warning24Regular', "24", ["M13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1l.01 4.5v.1a.75.75 0 0 0 1.5-.1v-4.5l-.01-.1Zm1.23-5.5a2.25 2.25 0 0 0-3.94 0L2.3 17.67A2.25 2.25 0 0 0 4.26 21h15.49c1.71 0 2.8-1.84 1.96-3.34l-7.74-14Zm-2.63.74a.75.75 0 0 1 1.32 0l7.74 14a.75.75 0 0 1-.65 1.11H4.25a.75.75 0 0 1-.65-1.11l7.74-14Z"]));
export const Warning24Filled = ( /*#__PURE__*/createFluentIcon('Warning24Filled', "24", ["M10.03 3.66a2.25 2.25 0 0 1 3.94 0l7.74 14A2.25 2.25 0 0 1 19.74 21H4.25a2.25 2.25 0 0 1-1.97-3.34l7.75-14ZM13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1v4.5l.02.1a.75.75 0 0 0 1.49-.1v-4.5l-.01-.1Z"]));
export const Warning24Color = ( /*#__PURE__*/createFluentIcon('Warning24Color', "24", `<path d="M10.03 3.66a2.25 2.25 0 0 1 3.94 0l7.74 14A2.25 2.25 0 0 1 19.74 21H4.25a2.25 2.25 0 0 1-1.97-3.34l7.75-14Z" fill="url(#ic_fluent_warning_24_color__a)"/><path d="M13 17a1 1 0 1 0-2 0 1 1 0 0 0 2 0Zm-.26-7.85a.75.75 0 0 0-1.5.1v4.5l.02.1a.75.75 0 0 0 1.49-.1v-4.5l-.01-.1Z" fill="url(#ic_fluent_warning_24_color__b)"/><defs><linearGradient id="ic_fluent_warning_24_color__a" x1="5.12" y1="-.39" x2="16.72" y2="23.48" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_24_color__b" x1="9.34" y1="8.5" x2="13.75" y2="18.41" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#212121"/></linearGradient></defs>`, { color: true }));
export const Warning28Regular = ( /*#__PURE__*/createFluentIcon('Warning28Regular', "28", ["M15 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1.75-3.25a.75.75 0 0 0 1.5 0v-6.5a.75.75 0 0 0-1.5 0v6.5ZM11.59 4.17a2.75 2.75 0 0 1 4.82 0l9.25 16.75a2.75 2.75 0 0 1-2.4 4.08H4.75a2.75 2.75 0 0 1-2.41-4.08l9.24-16.75Zm3.5.72a1.25 1.25 0 0 0-2.18 0L3.66 21.66c-.46.83.15 1.85 1.1 1.85h18.5c.94 0 1.54-1.02 1.08-1.85L15.1 4.89Z"]));
export const Warning28Filled = ( /*#__PURE__*/createFluentIcon('Warning28Filled', "28", ["M16.4 4.17a2.75 2.75 0 0 0-4.8 0L2.34 20.92A2.75 2.75 0 0 0 4.75 25h18.5c2.08 0 3.41-2.25 2.4-4.08L16.4 4.17ZM15 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1.75-3.25v-6.5a.75.75 0 0 1 1.5 0v6.5a.75.75 0 0 1-1.5 0Z"]));
export const Warning28Color = ( /*#__PURE__*/createFluentIcon('Warning28Color', "28", `<path d="M11.6 4.17a2.75 2.75 0 0 1 4.8 0l9.26 16.75a2.75 2.75 0 0 1-2.4 4.08H4.75a2.75 2.75 0 0 1-2.41-4.08l9.24-16.75Z" fill="#212121"/><path d="M11.6 4.17a2.75 2.75 0 0 1 4.8 0l9.26 16.75a2.75 2.75 0 0 1-2.4 4.08H4.75a2.75 2.75 0 0 1-2.41-4.08l9.24-16.75Z" fill="url(#ic_fluent_warning_28_color__a)"/><path d="M15 20a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1.75-3.25a.75.75 0 0 0 1.5 0v-6.5a.75.75 0 0 0-1.5 0v6.5Z" fill="url(#ic_fluent_warning_28_color__b)"/><defs><linearGradient id="ic_fluent_warning_28_color__a" x1="5.75" y1="-.73" x2="19.71" y2="27.96" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_28_color__b" x1="11.33" y1="9.5" x2="17.34" y2="20.64" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#242424"/></linearGradient></defs>`, { color: true }));
export const Warning32Regular = ( /*#__PURE__*/createFluentIcon('Warning32Regular', "32", ["M17.25 22a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM16 9a1 1 0 0 0-1 1v8a1 1 0 1 0 2 0v-8a1 1 0 0 0-1-1Zm-3.06-5.2a3.5 3.5 0 0 1 6.12 0l10.5 19a3.5 3.5 0 0 1-3.07 5.2H5.51a3.5 3.5 0 0 1-3.07-5.2l10.5-19Zm4.37.98a1.5 1.5 0 0 0-2.62 0l-10.5 19A1.5 1.5 0 0 0 5.51 26h20.98a1.5 1.5 0 0 0 1.32-2.23l-10.5-19Z"]));
export const Warning32Filled = ( /*#__PURE__*/createFluentIcon('Warning32Filled', "32", ["M19.06 3.8a3.5 3.5 0 0 0-6.12 0l-10.5 19A3.5 3.5 0 0 0 5.51 28h20.98a3.5 3.5 0 0 0 3.07-5.2l-10.5-19ZM17.26 22a1.25 1.25 0 1 1-2.51 0 1.25 1.25 0 0 1 2.5 0ZM15.99 9a1 1 0 0 1 1 1v8a1 1 0 1 1-2 0v-8a1 1 0 0 1 1-1Z"]));
export const Warning32Color = ( /*#__PURE__*/createFluentIcon('Warning32Color', "32", `<path d="M12.94 3.8a3.5 3.5 0 0 1 6.12 0l10.5 19a3.5 3.5 0 0 1-3.07 5.2H5.51a3.5 3.5 0 0 1-3.07-5.2l10.5-19Z" fill="url(#ic_fluent_warning_32_color__a)"/><path d="M17.25 22a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM16 9a1 1 0 0 0-1 1v8a1 1 0 1 0 2 0v-8a1 1 0 0 0-1-1Z" fill="url(#ic_fluent_warning_32_color__b)"/><defs><linearGradient id="ic_fluent_warning_32_color__a" x1="6.38" y1="-2.06" x2="22.71" y2="31.43" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_32_color__b" x1="12.67" y1="9" x2="20.07" y2="22.86" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#212121"/></linearGradient></defs>`, { color: true }));
export const Warning48Regular = ( /*#__PURE__*/createFluentIcon('Warning48Regular', "48", ["M25.76 7.43a1.75 1.75 0 0 0-3.09-.01L6.72 36.92a1.75 1.75 0 0 0 1.54 2.58h31.48c1.32 0 2.17-1.4 1.55-2.56L25.76 7.44Zm-5.29-1.2a4.25 4.25 0 0 1 7.5.04l15.53 29.5A4.25 4.25 0 0 1 39.74 42H8.26a4.25 4.25 0 0 1-3.74-6.27l15.95-29.5ZM24 15c.69 0 1.25.56 1.25 1.25v11.5a1.25 1.25 0 1 1-2.5 0v-11.5c0-.69.56-1.25 1.25-1.25Zm0 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"]));
export const Warning48Filled = ( /*#__PURE__*/createFluentIcon('Warning48Filled', "48", ["M20.47 6.23a4.25 4.25 0 0 1 7.5.04l15.53 29.5A4.25 4.25 0 0 1 39.74 42H8.26a4.25 4.25 0 0 1-3.74-6.27l15.95-29.5ZM24 15c-.69 0-1.25.56-1.25 1.25v11.5a1.25 1.25 0 1 0 2.5 0v-11.5c0-.69-.56-1.25-1.25-1.25Zm0 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"]));
export const Warning48Color = ( /*#__PURE__*/createFluentIcon('Warning48Color', "48", `<path d="M20.47 6.23a4.25 4.25 0 0 1 7.5.04l15.53 29.5A4.25 4.25 0 0 1 39.74 42H8.26a4.25 4.25 0 0 1-3.74-6.27l15.95-29.5Z" fill="#212121"/><path d="M20.47 6.23a4.25 4.25 0 0 1 7.5.04l15.53 29.5A4.25 4.25 0 0 1 39.74 42H8.26a4.25 4.25 0 0 1-3.74-6.27l15.95-29.5Z" fill="url(#ic_fluent_warning_48_color__a)"/><path d="M24 15c.69 0 1.25.56 1.25 1.25v11.5a1.25 1.25 0 1 1-2.5 0v-11.5c0-.69.56-1.25 1.25-1.25Zm0 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" fill="url(#ic_fluent_warning_48_color__b)"/><defs><linearGradient id="ic_fluent_warning_48_color__a" x1="10.25" y1="-1.94" x2="34.45" y2="46.59" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD0F"/><stop offset="1" stop-color="#FE8401"/></linearGradient><linearGradient id="ic_fluent_warning_48_color__b" x1="18.67" y1="15" x2="28.27" y2="35.5" gradientUnits="userSpaceOnUse"><stop stop-color="#4A4A4A"/><stop offset="1" stop-color="#242424"/></linearGradient></defs>`, { color: true }));