@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
25 lines (24 loc) • 9.27 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const FlagColor = ( /*#__PURE__*/createFluentIcon('FlagColor', "1em", `<path d="M4.75 11.25c.41 0 .75.34.75.75v5.5a.75.75 0 0 1-1.5 0V12c0-.41.34-.75.75-.75Z" fill="url(#ic_fluent_flag_20_color__a)"/><path d="M4 12.5c0 .28.22.5.5.5h12a.5.5 0 0 0 .42-.78L14.1 8l2.82-4.22A.5.5 0 0 0 16.5 3h-12a.5.5 0 0 0-.5.5v9Z" fill="url(#ic_fluent_flag_20_color__b)"/><defs><linearGradient id="ic_fluent_flag_20_color__a" x1="5.5" y1="20.5" x2="5" y2="11.5" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_20_color__b" x1="1.16" y1=".14" x2="6.78" y2="13.55" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const FlagFilled = ( /*#__PURE__*/createFluentIcon('FlagFilled', "1em", ["M5 13h11.5a.5.5 0 0 0 .42-.78L14.1 8l2.82-4.22A.5.5 0 0 0 16.5 3h-12a.5.5 0 0 0-.5.5v14a.5.5 0 0 0 1 0V13Z"]));
export const FlagRegular = ( /*#__PURE__*/createFluentIcon('FlagRegular', "1em", ["M5 13h11.5a.5.5 0 0 0 .42-.78L14.1 8l2.82-4.22A.5.5 0 0 0 16.5 3h-12a.5.5 0 0 0-.5.5v14a.5.5 0 0 0 1 0V13Zm0-1V4h10.57l-2.49 3.72a.5.5 0 0 0 0 .56L15.57 12H5Z"]));
export const Flag16Regular = ( /*#__PURE__*/createFluentIcon('Flag16Regular', "16", ["M4 9V3h8.03l-1.94 2.7a.5.5 0 0 0 0 .6L12.03 9H4Zm0 1h9a.5.5 0 0 0 .4-.8L11.12 6l2.3-3.2A.5.5 0 0 0 13 2H3.5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V10Z"]));
export const Flag16Filled = ( /*#__PURE__*/createFluentIcon('Flag16Filled', "16", ["M4 10h9a.5.5 0 0 0 .4-.8L11.12 6l2.3-3.2A.5.5 0 0 0 13 2H3.5a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 1 0V10Z"]));
export const Flag16Color = ( /*#__PURE__*/createFluentIcon('Flag16Color', "16", `<path d="M3.5 14a.5.5 0 0 1-.5-.5v-4h1v4a.5.5 0 0 1-.5.5Z" fill="url(#ic_fluent_flag_16_color__a)"/><path d="M13 10H3.5a.5.5 0 0 1-.5-.5v-7c0-.28.22-.5.5-.5H13c.4 0 .64.46.4.8L11.12 6l2.3 3.2a.5.5 0 0 1-.41.8Z" fill="url(#ic_fluent_flag_16_color__b)"/><defs><linearGradient id="ic_fluent_flag_16_color__a" x1="4" y1="15.45" x2="3.69" y2="9.66" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_16_color__b" x1=".7" y1="-.29" x2="5.17" y2="10.47" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Flag20Regular = ( /*#__PURE__*/createFluentIcon('Flag20Regular', "20", ["M5 13h11.5a.5.5 0 0 0 .42-.78L14.1 8l2.82-4.22A.5.5 0 0 0 16.5 3h-12a.5.5 0 0 0-.5.5v14a.5.5 0 0 0 1 0V13Zm0-1V4h10.57l-2.49 3.72a.5.5 0 0 0 0 .56L15.57 12H5Z"]));
export const Flag20Filled = ( /*#__PURE__*/createFluentIcon('Flag20Filled', "20", ["M5 13h11.5a.5.5 0 0 0 .42-.78L14.1 8l2.82-4.22A.5.5 0 0 0 16.5 3h-12a.5.5 0 0 0-.5.5v14a.5.5 0 0 0 1 0V13Z"]));
export const Flag20Color = ( /*#__PURE__*/createFluentIcon('Flag20Color', "20", `<path d="M4.75 11.25c.41 0 .75.34.75.75v5.5a.75.75 0 0 1-1.5 0V12c0-.41.34-.75.75-.75Z" fill="url(#ic_fluent_flag_20_color__a)"/><path d="M4 12.5c0 .28.22.5.5.5h12a.5.5 0 0 0 .42-.78L14.1 8l2.82-4.22A.5.5 0 0 0 16.5 3h-12a.5.5 0 0 0-.5.5v9Z" fill="url(#ic_fluent_flag_20_color__b)"/><defs><linearGradient id="ic_fluent_flag_20_color__a" x1="5.5" y1="20.5" x2="5" y2="11.5" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_20_color__b" x1="1.16" y1=".14" x2="6.78" y2="13.55" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Flag24Regular = ( /*#__PURE__*/createFluentIcon('Flag24Regular', "24", ["M3 3.75c0-.42.34-.75.75-.75h16.5c.62 0 .98.7.6 1.2L16.7 9.75l4.16 5.55c.38.5.02 1.2-.6 1.2H4.5v4.75c0 .38-.28.7-.65.74l-.1.01a.75.75 0 0 1-.74-.65l-.01-.1V3.75Zm15.75.75H4.5V15h14.25l-3.6-4.8a.75.75 0 0 1 0-.9l3.6-4.8Z"]));
export const Flag24Filled = ( /*#__PURE__*/createFluentIcon('Flag24Filled', "24", ["M3 3.75c0-.42.34-.75.75-.75h16.5c.62 0 .98.7.6 1.2L16.7 9.75l4.16 5.55c.38.5.02 1.2-.6 1.2H4.5v4.75c0 .38-.28.7-.65.74l-.1.01a.75.75 0 0 1-.74-.65l-.01-.1V3.75Z"]));
export const Flag24Color = ( /*#__PURE__*/createFluentIcon('Flag24Color', "24", `<path d="M4.5 21.25V15.5H3v5.85c.06.37.37.65.75.65h.1a.75.75 0 0 0 .65-.75Z" fill="url(#ic_fluent_flag_24_color__a)"/><path d="M3.75 3a.75.75 0 0 0-.75.75V16c0 .28.22.5.5.5h16.75c.62 0 .98-.7.6-1.2L16.7 9.75l4.16-5.55a.75.75 0 0 0-.6-1.2H3.75Z" fill="url(#ic_fluent_flag_24_color__b)"/><defs><linearGradient id="ic_fluent_flag_24_color__a" x1="4.5" y1="24.09" x2="4.07" y2="15.73" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_24_color__b" x1="-.94" y1="-.86" x2="6.52" y2="17.38" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Flag28Regular = ( /*#__PURE__*/createFluentIcon('Flag28Regular', "28", ["M5.5 16.5v-12h16.4l-3.53 5.6a.75.75 0 0 0 0 .8l3.52 5.6H5.5Zm0 1.5h17.75c.59 0 .95-.65.63-1.15l-4-6.35 4-6.35A.75.75 0 0 0 23.25 3H4.75a.75.75 0 0 0-.75.75v20.5a.75.75 0 0 0 1.5 0V18Z"]));
export const Flag28Filled = ( /*#__PURE__*/createFluentIcon('Flag28Filled', "28", ["M5.5 18h17.75c.59 0 .95-.65.63-1.15l-4-6.35 4-6.35A.75.75 0 0 0 23.25 3H4.75a.75.75 0 0 0-.75.75v20.5a.75.75 0 0 0 1.5 0V18Z"]));
export const Flag28Color = ( /*#__PURE__*/createFluentIcon('Flag28Color', "28", `<path d="M4.75 25a.75.75 0 0 1-.75-.75V16.5h1.5v7.75c0 .41-.34.75-.75.75Z" fill="url(#ic_fluent_flag_28_color__a)"/><path d="M23.25 18H4.5a.5.5 0 0 1-.5-.5V3.75c0-.41.34-.75.75-.75h18.5c.59 0 .95.65.63 1.15l-4 6.35 4 6.35a.75.75 0 0 1-.63 1.15Z" fill="url(#ic_fluent_flag_28_color__b)"/><defs><linearGradient id="ic_fluent_flag_28_color__a" x1="5.5" y1="27.73" x2="4.76" y2="16.82" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_28_color__b" x1="-.38" y1="-1.29" x2="7.91" y2="18.98" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Flag32Regular = ( /*#__PURE__*/createFluentIcon('Flag32Regular', "32", ["M5 4.5C5 3.67 5.67 3 6.5 3H28a1 1 0 0 1 .8 1.6L23.25 12l5.55 7.4A1 1 0 0 1 28 21H7v7a1 1 0 1 1-2 0V4.5ZM7 19h19l-4.8-6.4a1 1 0 0 1 0-1.2L26 5H7v14Z"]));
export const Flag32Filled = ( /*#__PURE__*/createFluentIcon('Flag32Filled', "32", ["M6.5 3C5.67 3 5 3.67 5 4.5V28a1 1 0 1 0 2 0v-7h21a1 1 0 0 0 .8-1.6L23.25 12l5.55-7.4A1 1 0 0 0 28 3H6.5Z"]));
export const Flag32Light = ( /*#__PURE__*/createFluentIcon('Flag32Light', "32", ["M5 4.5C5 3.67 5.67 3 6.5 3h22a.5.5 0 0 1 .4.8L22.63 12l6.27 8.2a.5.5 0 0 1-.4.8H6v7.5a.5.5 0 0 1-1 0v-24ZM6 20h21.49l-5.89-7.7a.5.5 0 0 1 0-.6L27.5 4H6.5a.5.5 0 0 0-.5.5V20Z"]));
export const Flag32Color = ( /*#__PURE__*/createFluentIcon('Flag32Color', "32", `<path d="M6 29a1 1 0 0 1-1-1v-9h2v9a1 1 0 0 1-1 1Z" fill="url(#ic_fluent_flag_32_color__a)"/><path d="M5 4.5C5 3.67 5.67 3 6.5 3H28a1 1 0 0 1 .8 1.6L23.25 12l5.55 7.4A1 1 0 0 1 28 21H6.5A1.5 1.5 0 0 1 5 19.5v-15Z" fill="url(#ic_fluent_flag_32_color__b)"/><defs><linearGradient id="ic_fluent_flag_32_color__a" x1="7" y1="32.21" x2="6.24" y2="19.36" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_32_color__b" x1="-.25" y1="-2.14" x2="9.69" y2="22.18" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));
export const Flag48Regular = ( /*#__PURE__*/createFluentIcon('Flag48Regular', "48", ["M7.5 7.25C7.5 6.56 8.06 6 8.75 6h32.5a1.25 1.25 0 0 1 1 1.99L33.8 19.5l8.46 11.51A1.25 1.25 0 0 1 41.25 33H10v9.75a1.25 1.25 0 1 1-2.5 0V7.25ZM10 30.5h28.78l-7.54-10.26a1.25 1.25 0 0 1 0-1.48L38.78 8.5H10v22Z"]));
export const Flag48Filled = ( /*#__PURE__*/createFluentIcon('Flag48Filled', "48", ["M8.75 6c-.69 0-1.25.56-1.25 1.25v35.5a1.25 1.25 0 1 0 2.5 0V33h31.25a1.25 1.25 0 0 0 1-1.99L33.8 19.5l8.46-11.51A1.25 1.25 0 0 0 41.25 6H8.75Z"]));
export const Flag48Color = ( /*#__PURE__*/createFluentIcon('Flag48Color', "48", `<path d="M8.75 44c-.69 0-1.25-.56-1.25-1.25V31H10v11.75c0 .69-.56 1.25-1.25 1.25Z" fill="url(#ic_fluent_flag_48_color__a)"/><path d="M7.5 7.25C7.5 6.56 8.06 6 8.75 6h32.5a1.25 1.25 0 0 1 1 1.99L33.8 19.5l8.46 11.51A1.25 1.25 0 0 1 41.25 33H9a1.5 1.5 0 0 1-1.5-1.5V7.25Z" fill="url(#ic_fluent_flag_48_color__b)"/><defs><linearGradient id="ic_fluent_flag_48_color__a" x1="10" y1="48.18" x2="8.97" y2="31.48" gradientUnits="userSpaceOnUse"><stop stop-color="#889096"/><stop offset="1" stop-color="#63686E"/></linearGradient><linearGradient id="ic_fluent_flag_48_color__b" x1="-.16" y1="-1.71" x2="15.05" y2="34.47" gradientUnits="userSpaceOnUse"><stop stop-color="#F97DBD"/><stop offset="1" stop-color="#D7257D"/></linearGradient></defs>`, { color: true }));