@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
25 lines (24 loc) • 9.42 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const AddCircleColor = ( /*#__PURE__*/createFluentIcon('AddCircleColor', "1em", `<path d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" fill="url(#ic_fluent_add_circle_20_color__a)"/><path d="M6 10c0-.28.22-.5.5-.5h3v-3a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3A.5.5 0 0 1 6 10Z" fill="url(#ic_fluent_add_circle_20_color__b)"/><defs><linearGradient id="ic_fluent_add_circle_20_color__a" x1="2.57" y1="5" x2="13.61" y2="16.47" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_add_circle_20_color__b" x1="7.5" y1="6.82" x2="9.95" y2="15.48" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const AddCircleFilled = ( /*#__PURE__*/createFluentIcon('AddCircleFilled', "1em", ["M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0ZM6 10c0 .28.22.5.5.5h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0-.5.5Z"]));
export const AddCircleRegular = ( /*#__PURE__*/createFluentIcon('AddCircleRegular', "1em", ["M6 10c0-.28.22-.5.5-.5h3v-3a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3A.5.5 0 0 1 6 10Zm4 8a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0-1a7 7 0 1 1 0-14 7 7 0 0 1 0 14Z"]));
export const AddCircle12Regular = ( /*#__PURE__*/createFluentIcon('AddCircle12Regular', "12", ["M6 3.5c.23 0 .42.19.42.42v1.66h1.66a.42.42 0 0 1 0 .84H6.42v1.66a.42.42 0 0 1-.84 0V6.42H3.92a.42.42 0 0 1 0-.84h1.66V3.92c0-.23.19-.42.42-.42ZM1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Zm5-4.17a4.17 4.17 0 1 0 0 8.34 4.17 4.17 0 0 0 0-8.34Z"]));
export const AddCircle12Filled = ( /*#__PURE__*/createFluentIcon('AddCircle12Filled', "12", ["M1 6a5 5 0 1 1 10 0A5 5 0 0 1 1 6Zm5-2.5a.42.42 0 0 0-.42.42v1.66H3.92a.42.42 0 0 0 0 .84h1.66v1.66a.42.42 0 0 0 .84 0V6.42h1.66a.42.42 0 0 0 0-.84H6.42V3.92A.42.42 0 0 0 6 3.5Z"]));
export const AddCircle16Regular = ( /*#__PURE__*/createFluentIcon('AddCircle16Regular', "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 1Zm.5 4a.5.5 0 0 0-1 0v2.5H5a.5.5 0 0 0 0 1h2.5V11a.5.5 0 0 0 1 0V8.5H11a.5.5 0 0 0 0-1H8.5V5Z"]));
export const AddCircle16Filled = ( /*#__PURE__*/createFluentIcon('AddCircle16Filled', "16", ["M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.5-3a.5.5 0 0 0-1 0v2.5H5a.5.5 0 0 0 0 1h2.5V11a.5.5 0 0 0 1 0V8.5H11a.5.5 0 0 0 0-1H8.5V5Z"]));
export const AddCircle16Color = ( /*#__PURE__*/createFluentIcon('AddCircle16Color', "16", `<path d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z" fill="url(#ic_fluent_add_circle_16_color__a)"/><path d="M8 5a.5.5 0 0 0-.5.5v2h-2a.5.5 0 0 0 0 1h2v2a.5.5 0 0 0 1 0v-2h2a.5.5 0 0 0 0-1h-2v-2A.5.5 0 0 0 8 5Z" fill="url(#ic_fluent_add_circle_16_color__b)"/><defs><linearGradient id="ic_fluent_add_circle_16_color__a" x1="2.43" y1="4.25" x2="10.71" y2="12.85" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_add_circle_16_color__b" x1="6.13" y1="5.61" x2="7.97" y2="12.11" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const AddCircle20Regular = ( /*#__PURE__*/createFluentIcon('AddCircle20Regular', "20", ["M6 10c0-.28.22-.5.5-.5h3v-3a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3A.5.5 0 0 1 6 10Zm4 8a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm0-1a7 7 0 1 1 0-14 7 7 0 0 1 0 14Z"]));
export const AddCircle20Filled = ( /*#__PURE__*/createFluentIcon('AddCircle20Filled', "20", ["M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0ZM6 10c0 .28.22.5.5.5h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0-.5.5Z"]));
export const AddCircle20Color = ( /*#__PURE__*/createFluentIcon('AddCircle20Color', "20", `<path d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z" fill="url(#ic_fluent_add_circle_20_color__a)"/><path d="M6 10c0-.28.22-.5.5-.5h3v-3a.5.5 0 0 1 1 0v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3A.5.5 0 0 1 6 10Z" fill="url(#ic_fluent_add_circle_20_color__b)"/><defs><linearGradient id="ic_fluent_add_circle_20_color__a" x1="2.57" y1="5" x2="13.61" y2="16.47" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_add_circle_20_color__b" x1="7.5" y1="6.82" x2="9.95" y2="15.48" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const AddCircle24Regular = ( /*#__PURE__*/createFluentIcon('AddCircle24Regular', "24", ["M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17ZM12 7c.41 0 .75.34.75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5c0-.41.34-.75.75-.75Z"]));
export const AddCircle24Filled = ( /*#__PURE__*/createFluentIcon('AddCircle24Filled', "24", ["M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 5c-.38 0-.7.28-.74.65l-.01.1v3.5h-3.5a.75.75 0 0 0-.1 1.5h3.6v3.5a.75.75 0 0 0 1.5.1v-3.6h3.5a.75.75 0 0 0 .1-1.5h-3.6v-3.5A.75.75 0 0 0 12 7Z"]));
export const AddCircle24Color = ( /*#__PURE__*/createFluentIcon('AddCircle24Color', "24", `<path d="M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20Z" fill="url(#ic_fluent_add_circle_24_color__a)"/><path d="M12 7c-.38 0-.7.28-.74.65l-.01.1v3.5h-3.5a.75.75 0 0 0-.1 1.5h3.6v3.5a.75.75 0 0 0 1.5.1v-3.6h3.5a.75.75 0 0 0 .1-1.5h-3.6v-3.5A.75.75 0 0 0 12 7Z" fill="url(#ic_fluent_add_circle_24_color__b)"/><defs><linearGradient id="ic_fluent_add_circle_24_color__a" x1="2.71" y1="5.75" x2="16.52" y2="20.09" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_add_circle_24_color__b" x1="8.88" y1="8.02" x2="11.94" y2="18.85" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const AddCircle28Regular = ( /*#__PURE__*/createFluentIcon('AddCircle28Regular', "28", ["M14 2a12 12 0 1 1 0 24 12 12 0 0 1 0-24Zm0 1.5a10.5 10.5 0 1 0 0 21 10.5 10.5 0 0 0 0-21ZM14 8c.41 0 .75.34.75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5c0-.41.34-.75.75-.75Z"]));
export const AddCircle28Filled = ( /*#__PURE__*/createFluentIcon('AddCircle28Filled', "28", ["M14 2a12 12 0 1 1 0 24 12 12 0 0 1 0-24Zm0 6c-.38 0-.7.28-.74.65l-.01.1v4.5h-4.5a.75.75 0 0 0-.1 1.5h4.6v4.5a.75.75 0 0 0 1.5.1v-4.6h4.5a.75.75 0 0 0 .1-1.5h-4.6v-4.5A.75.75 0 0 0 14 8Z"]));
export const AddCircle28Color = ( /*#__PURE__*/createFluentIcon('AddCircle28Color', "28", `<path d="M14 2a12 12 0 1 1 0 24 12 12 0 0 1 0-24Z" fill="url(#ic_fluent_add_circle_28_color__a)"/><path d="M14 8c.41 0 .75.34.75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5c0-.41.34-.75.75-.75Z" fill="url(#ic_fluent_add_circle_28_color__b)"/><defs><linearGradient id="ic_fluent_add_circle_28_color__a" x1="2.86" y1="6.5" x2="19.42" y2="23.71" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_add_circle_28_color__b" x1="10.25" y1="9.22" x2="13.93" y2="22.22" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const AddCircle32Regular = ( /*#__PURE__*/createFluentIcon('AddCircle32Regular', "32", ["M15 10a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5h-5a1 1 0 1 1 0-2h5v-5Zm15 6a14 14 0 1 1-28 0 14 14 0 0 1 28 0Zm-2 0a12 12 0 1 0-24 0 12 12 0 0 0 24 0Z"]));
export const AddCircle32Filled = ( /*#__PURE__*/createFluentIcon('AddCircle32Filled', "32", ["M16 30a14 14 0 1 0 0-28 14 14 0 0 0 0 28Zm-1-20a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5h-5a1 1 0 1 1 0-2h5v-5Z"]));
export const AddCircle32Color = ( /*#__PURE__*/createFluentIcon('AddCircle32Color', "32", `<path d="M30 16a14 14 0 1 1-28 0 14 14 0 0 1 28 0Z" fill="url(#ic_fluent_add_circle_32_color__a)"/><path d="M15 10a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2h-5v5a1 1 0 1 1-2 0v-5h-5a1 1 0 1 1 0-2h5v-5Z" fill="url(#ic_fluent_add_circle_32_color__b)"/><defs><linearGradient id="ic_fluent_add_circle_32_color__a" x1="3" y1="7.25" x2="22.32" y2="27.33" gradientUnits="userSpaceOnUse"><stop stop-color="#52D17C"/><stop offset="1" stop-color="#22918B"/></linearGradient><linearGradient id="ic_fluent_add_circle_32_color__b" x1="11.63" y1="10.43" x2="15.92" y2="25.59" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E3FFD9"/></linearGradient></defs>`, { color: true }));
export const AddCircle48Regular = ( /*#__PURE__*/createFluentIcon('AddCircle48Regular', "48", ["M24 6.5a17.5 17.5 0 1 0 0 35 17.5 17.5 0 0 0 0-35ZM4 24a20 20 0 1 1 40 0 20 20 0 0 1-40 0Zm20-10c.69 0 1.25.56 1.25 1.25v7.5h7.5a1.25 1.25 0 1 1 0 2.5h-7.5v7.5a1.25 1.25 0 1 1-2.5 0v-7.5h-7.5a1.25 1.25 0 1 1 0-2.5h7.5v-7.5c0-.69.56-1.25 1.25-1.25Z"]));
export const AddCircle48Filled = ( /*#__PURE__*/createFluentIcon('AddCircle48Filled', "48", ["M44 24a20 20 0 1 1-40 0 20 20 0 0 1 40 0ZM24 14c-.69 0-1.25.56-1.25 1.25v7.5h-7.5a1.25 1.25 0 1 0 0 2.5h7.5v7.5a1.25 1.25 0 1 0 2.5 0v-7.5h7.5a1.25 1.25 0 1 0 0-2.5h-7.5v-7.5c0-.69-.56-1.25-1.25-1.25Z"]));