@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
27 lines (26 loc) • 9.43 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const ClockColor = ( /*#__PURE__*/createFluentIcon('ClockColor', "1em", `<path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Z" fill="url(#ic_fluent_clock_20_color__a)"/><path d="M9.5 5a.5.5 0 0 1 .5.41V10h2.5a.5.5 0 0 1 .09 1H9.5a.5.5 0 0 1-.5-.41V5.5c0-.28.22-.5.5-.5Z" fill="url(#ic_fluent_clock_20_color__b)"/><defs><linearGradient id="ic_fluent_clock_20_color__a" x1="4.67" y1="1.11" x2="12.67" y2="18.89" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_20_color__b" x1="9.35" y1="5.92" x2="7.65" y2="10.58" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));
export const ClockFilled = ( /*#__PURE__*/createFluentIcon('ClockFilled', "1em", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-.5 3a.5.5 0 0 0-.5.5v5.09a.5.5 0 0 0 .5.41h3.09a.5.5 0 0 0-.09-1H10V5.41A.5.5 0 0 0 9.5 5Z"]));
export const ClockRegular = ( /*#__PURE__*/createFluentIcon('ClockRegular', "1em", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-.5 2a.5.5 0 0 1 .5.41V10h2.5a.5.5 0 0 1 .09 1H9.5a.5.5 0 0 1-.5-.41V5.5c0-.28.22-.5.5-.5Z"]));
export const Clock12Regular = ( /*#__PURE__*/createFluentIcon('Clock12Regular', "12", ["M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1Zm0 1a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-.5 1.5a.5.5 0 0 1 .5.41V6h1.5a.5.5 0 0 1 .09 1H5.5a.5.5 0 0 1-.5-.41V4c0-.28.22-.5.5-.5Z"]));
export const Clock12Filled = ( /*#__PURE__*/createFluentIcon('Clock12Filled', "12", ["M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1Zm-.5 2.5A.5.5 0 0 0 5 4v2.5c0 .28.22.5.5.5h2a.5.5 0 0 0 0-1H6V4a.5.5 0 0 0-.5-.5Z"]));
export const Clock16Regular = ( /*#__PURE__*/createFluentIcon('Clock16Regular', "16", ["M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-7a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm0 3.5a.5.5 0 0 0-1 0v4c0 .28.22.5.5.5h3a.5.5 0 0 0 0-1H8V4.5Z"]));
export const Clock16Filled = ( /*#__PURE__*/createFluentIcon('Clock16Filled', "16", ["M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4.5V8h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 1 0Z"]));
export const Clock16Color = ( /*#__PURE__*/createFluentIcon('Clock16Color', "16", `<path d="M8 2a6 6 0 1 1 0 12A6 6 0 0 1 8 2Z" fill="url(#ic_fluent_clock_16_color__a)"/><path d="M7.5 5a.5.5 0 0 1 .5.41V8h1.5a.5.5 0 0 1 .09 1H7.5a.5.5 0 0 1-.49-.41V5.5c0-.28.22-.5.5-.5Z" fill="url(#ic_fluent_clock_16_color__b)"/><defs><linearGradient id="ic_fluent_clock_16_color__a" x1="4" y1="1.33" x2="10" y2="14.67" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_16_color__b" x1="7.26" y1="5.61" x2="6.23" y2="8.8" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));
export const Clock20Regular = ( /*#__PURE__*/createFluentIcon('Clock20Regular', "20", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm0 1a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-.5 2a.5.5 0 0 1 .5.41V10h2.5a.5.5 0 0 1 .09 1H9.5a.5.5 0 0 1-.5-.41V5.5c0-.28.22-.5.5-.5Z"]));
export const Clock20Filled = ( /*#__PURE__*/createFluentIcon('Clock20Filled', "20", ["M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm-.5 3a.5.5 0 0 0-.5.5v5.09a.5.5 0 0 0 .5.41h3.09a.5.5 0 0 0-.09-1H10V5.41A.5.5 0 0 0 9.5 5Z"]));
export const Clock20Color = ( /*#__PURE__*/createFluentIcon('Clock20Color', "20", `<path d="M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Z" fill="url(#ic_fluent_clock_20_color__a)"/><path d="M9.5 5a.5.5 0 0 1 .5.41V10h2.5a.5.5 0 0 1 .09 1H9.5a.5.5 0 0 1-.5-.41V5.5c0-.28.22-.5.5-.5Z" fill="url(#ic_fluent_clock_20_color__b)"/><defs><linearGradient id="ic_fluent_clock_20_color__a" x1="4.67" y1="1.11" x2="12.67" y2="18.89" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_20_color__b" x1="9.35" y1="5.92" x2="7.65" y2="10.58" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));
export const Clock24Regular = ( /*#__PURE__*/createFluentIcon('Clock24Regular', "24", ["M3.5 12a8.5 8.5 0 1 1 17 0 8.5 8.5 0 0 1-17 0ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 4.65a.75.75 0 0 0-1.5.1v6.1c.06.37.37.65.75.65h4.1a.75.75 0 0 0-.1-1.5H12V6.65Z"]));
export const Clock24Filled = ( /*#__PURE__*/createFluentIcon('Clock24Filled', "24", ["M15.25 13.5h-4a.75.75 0 0 1-.75-.75v-6a.75.75 0 0 1 1.5 0V12h3.25a.75.75 0 0 1 0 1.5ZM12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z"]));
export const Clock24Color = ( /*#__PURE__*/createFluentIcon('Clock24Color', "24", `<path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Z" fill="url(#ic_fluent_clock_24_color__a)"/><path d="M12 6.65a.75.75 0 0 0-1.5.1v6.1c.06.37.37.65.75.65h4.1a.75.75 0 0 0-.1-1.5H12V6.65Z" fill="url(#ic_fluent_clock_24_color__b)"/><defs><linearGradient id="ic_fluent_clock_24_color__a" x1="5.33" y1=".89" x2="15.33" y2="23.11" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_24_color__b" x1="10.98" y1="7.15" x2="9.01" y2="13.09" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));
export const Clock28Regular = ( /*#__PURE__*/createFluentIcon('Clock28Regular', "28", ["M3.5 14a10.5 10.5 0 1 1 21 0 10.5 10.5 0 0 1-21 0ZM14 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24Zm0 5.65a.75.75 0 0 0-1.5.1v7.1c.06.37.37.65.75.65h5.1a.75.75 0 0 0-.1-1.5H14V7.65Z"]));
export const Clock28Filled = ( /*#__PURE__*/createFluentIcon('Clock28Filled', "28", ["M18.25 15.5h-5a.75.75 0 0 1-.75-.75v-7a.75.75 0 0 1 1.5 0V14h4.25a.75.75 0 0 1 0 1.5ZM14 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24Z"]));
export const Clock28Color = ( /*#__PURE__*/createFluentIcon('Clock28Color', "28", `<path d="M14 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24Z" fill="url(#ic_fluent_clock_28_color__a)"/><path d="M14 7.65a.75.75 0 0 0-1.5.1v7.1c.06.37.37.65.75.65h5.1a.75.75 0 0 0-.1-1.5H14V7.65Z" fill="url(#ic_fluent_clock_28_color__b)"/><defs><linearGradient id="ic_fluent_clock_28_color__a" x1="6" y1=".67" x2="18" y2="27.33" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_28_color__b" x1="13.07" y1="8.3" x2="10.91" y2="15.09" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));
export const Clock32Regular = ( /*#__PURE__*/createFluentIcon('Clock32Regular', "32", ["M14 9a1 1 0 1 1 2 0v7h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1V9Zm2 21a14 14 0 1 0 0-28 14 14 0 0 0 0 28Zm0-2a12 12 0 1 1 0-24 12 12 0 0 1 0 24Z"]));
export const Clock32Filled = ( /*#__PURE__*/createFluentIcon('Clock32Filled', "32", ["M16 30a14 14 0 1 0 0-28 14 14 0 0 0 0 28ZM14 9a1 1 0 1 1 2 0v7h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1V9Z"]));
export const Clock32Light = ( /*#__PURE__*/createFluentIcon('Clock32Light', "32", ["M16 8.5a.5.5 0 0 0-1 0v8c0 .28.22.5.5.5h5a.5.5 0 0 0 0-1H16V8.5ZM30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0Zm-1 0a13 13 0 1 0-26 0 13 13 0 0 0 26 0Z"]));
export const Clock32Color = ( /*#__PURE__*/createFluentIcon('Clock32Color', "32", `<path d="M16 30a14 14 0 1 0 0-28 14 14 0 0 0 0 28Z" fill="url(#ic_fluent_clock_32_color__a)"/><path d="M14 9a1 1 0 1 1 2 0v7h4a1 1 0 1 1 0 2h-5a1 1 0 0 1-1-1V9Z" fill="url(#ic_fluent_clock_32_color__b)"/><defs><linearGradient id="ic_fluent_clock_32_color__a" x1="6.67" y1=".44" x2="20.67" y2="31.56" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_32_color__b" x1="14.61" y1="9.53" x2="11.89" y2="17.38" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));
export const Clock48Regular = ( /*#__PURE__*/createFluentIcon('Clock48Regular', "48", ["M24 5a19 19 0 1 1 0 38 19 19 0 0 1 0-38Zm0 2.5a16.5 16.5 0 1 0 0 33 16.5 16.5 0 0 0 0-33ZM22.75 12c.65 0 1.18.5 1.24 1.12l.01.13V24h6.75a1.25 1.25 0 0 1 .13 2.5h-8.13c-.65 0-1.18-.5-1.24-1.12l-.01-.13v-12c0-.69.56-1.25 1.25-1.25Z"]));
export const Clock48Filled = ( /*#__PURE__*/createFluentIcon('Clock48Filled', "48", ["M24 5a19 19 0 1 1 0 38 19 19 0 0 1 0-38Zm-1.25 7c-.69 0-1.25.56-1.25 1.25v12c0 .69.56 1.25 1.25 1.25h8a1.25 1.25 0 1 0 0-2.5H24V13.25c0-.69-.56-1.25-1.25-1.25Z"]));
export const Clock48Color = ( /*#__PURE__*/createFluentIcon('Clock48Color', "48", `<path d="M24 5a19 19 0 1 1 0 38 19 19 0 0 1 0-38Z" fill="url(#ic_fluent_clock_48_color__a)"/><path d="M22.75 12c.65 0 1.18.5 1.24 1.12l.01.13V24h6.75a1.25 1.25 0 0 1 .13 2.5h-8.13c-.65 0-1.18-.5-1.24-1.12l-.01-.13v-12c0-.69.56-1.25 1.25-1.25Z" fill="url(#ic_fluent_clock_48_color__b)"/><defs><linearGradient id="ic_fluent_clock_48_color__a" x1="11.33" y1="2.89" x2="30.33" y2="45.11" gradientUnits="userSpaceOnUse"><stop stop-color="#1EC8B0"/><stop offset="1" stop-color="#2764E7"/></linearGradient><linearGradient id="ic_fluent_clock_48_color__b" x1="22.42" y1="14.22" x2="18.57" y2="25.69" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#D1D1FF"/></linearGradient></defs>`, { color: true }));