@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
24 lines (23 loc) • 13.2 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const DataTrendingColor = ( /*#__PURE__*/createFluentIcon('DataTrendingColor', "1em", `<path d="M12 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V7.41l-4.3 4.3a1 1 0 0 1-1.4 0L9 10.4l-2.3 2.3a1 1 0 0 1-1.4-1.42l3-3a1 1 0 0 1 1.4 0L11 9.6 14.59 6H13a1 1 0 0 1-1-1Z" fill="url(#ic_fluent_data_trending_20_color__a)"/><path d="M2.75 2c.41 0 .75.34.75.75v12.5c0 .69.56 1.25 1.25 1.25h12.5a.75.75 0 0 1 0 1.5H4.75A2.75 2.75 0 0 1 2 15.25V2.75c0-.41.34-.75.75-.75Z" fill="url(#ic_fluent_data_trending_20_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_20_color__a" x1="4" y1="12.5" x2="22" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_20_color__b" x1="16.5" y1="3" x2="2.5" y2="23.85" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));
export const DataTrendingFilled = ( /*#__PURE__*/createFluentIcon('DataTrendingFilled', "1em", ["M2.75 2c.41 0 .75.34.75.75v12.5c0 .69.56 1.25 1.25 1.25h12.5a.75.75 0 0 1 0 1.5H4.75A2.75 2.75 0 0 1 2 15.25V2.75c0-.41.34-.75.75-.75ZM12 5.75c0-.41.34-.75.75-.75h3.5c.41 0 .75.34.75.75v3.5a.75.75 0 0 1-1.5 0V7.56l-3.97 3.97a.75.75 0 0 1-1.06 0L9 10.06l-2.22 2.22a.75.75 0 0 1-1.06-1.06l2.75-2.75a.75.75 0 0 1 1.06 0L11 9.94l3.44-3.44h-1.69a.75.75 0 0 1-.75-.75Z"]));
export const DataTrendingRegular = ( /*#__PURE__*/createFluentIcon('DataTrendingRegular', "1em", ["M2.5 2c.28 0 .5.22.5.5v13c0 .83.67 1.5 1.5 1.5h13a.5.5 0 0 1 0 1h-13A2.5 2.5 0 0 1 2 15.5v-13c0-.28.22-.5.5-.5ZM12 5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6.7l-4.65 4.65a.5.5 0 0 1-.7 0L9 9.71l-3.15 3.14a.5.5 0 0 1-.7-.7l3.5-3.5a.5.5 0 0 1 .7 0L11 10.29 15.3 6h-2.8a.5.5 0 0 1-.5-.5Z"]));
export const DataTrending16Regular = ( /*#__PURE__*/createFluentIcon('DataTrending16Regular', "16", ["M3 2.5a.5.5 0 0 0-1 0v9A2.5 2.5 0 0 0 4.5 14h9a.5.5 0 0 0 0-1h-9A1.5 1.5 0 0 1 3 11.5v-9Zm7 2c0 .28.22.5.5.5h1.8L9 8.3 7.35 6.64a.5.5 0 0 0-.7 0l-2.5 2.5a.5.5 0 1 0 .7.7L7 7.71l1.65 1.64c.2.2.5.2.7 0L13 5.71v1.87a.5.5 0 0 0 1 0V4.5a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5Z"]));
export const DataTrending16Filled = ( /*#__PURE__*/createFluentIcon('DataTrending16Filled', "16", ["M3.5 2.75a.75.75 0 0 0-1.5 0v8.5A2.75 2.75 0 0 0 4.75 14h8.5a.75.75 0 0 0 0-1.5h-8.5c-.69 0-1.25-.56-1.25-1.25v-8.5Zm6.25 2c0 .41.34.75.75.75h.94L9 7.94 7.53 6.47a.75.75 0 0 0-1.06 0l-1.5 1.5a.75.75 0 0 0 1.06 1.06L7 8.06l1.47 1.47c.3.3.77.3 1.06 0l2.97-2.97v1.02a.75.75 0 0 0 1.5 0V4.75a.75.75 0 0 0-.75-.75H10.5a.75.75 0 0 0-.75.75Z"]));
export const DataTrending16Color = ( /*#__PURE__*/createFluentIcon('DataTrending16Color', "16", `<path d="M9.75 4.75c0 .41.34.75.75.75h.94L9 7.94 7.53 6.47a.75.75 0 0 0-1.06 0l-1.5 1.5a.75.75 0 0 0 1.06 1.06L7 8.06l1.47 1.47c.3.3.77.3 1.06 0l2.97-2.97v1.02a.75.75 0 0 0 1.5 0V4.75a.75.75 0 0 0-.75-.75H10.5a.75.75 0 0 0-.75.75Z" fill="url(#ic_fluent_data_trending_16_color__a)"/><path d="M3.5 2.75a.75.75 0 0 0-1.5 0v8.5A2.75 2.75 0 0 0 4.75 14h8.5a.75.75 0 0 0 0-1.5h-8.5c-.69 0-1.25-.56-1.25-1.25v-8.5Z" fill="url(#ic_fluent_data_trending_16_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_16_color__a" x1="4.04" y1="9.43" x2="16.5" y2="4.42" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_16_color__b" x1="12.88" y1="2.75" x2="2.37" y2="18.39" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));
export const DataTrending20Regular = ( /*#__PURE__*/createFluentIcon('DataTrending20Regular', "20", ["M2.5 2c.28 0 .5.22.5.5v13c0 .83.67 1.5 1.5 1.5h13a.5.5 0 0 1 0 1h-13A2.5 2.5 0 0 1 2 15.5v-13c0-.28.22-.5.5-.5ZM12 5.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v4a.5.5 0 0 1-1 0V6.7l-4.65 4.65a.5.5 0 0 1-.7 0L9 9.71l-3.15 3.14a.5.5 0 0 1-.7-.7l3.5-3.5a.5.5 0 0 1 .7 0L11 10.29 15.3 6h-2.8a.5.5 0 0 1-.5-.5Z"]));
export const DataTrending20Filled = ( /*#__PURE__*/createFluentIcon('DataTrending20Filled', "20", ["M2.75 2c.41 0 .75.34.75.75v12.5c0 .69.56 1.25 1.25 1.25h12.5a.75.75 0 0 1 0 1.5H4.75A2.75 2.75 0 0 1 2 15.25V2.75c0-.41.34-.75.75-.75ZM12 5.75c0-.41.34-.75.75-.75h3.5c.41 0 .75.34.75.75v3.5a.75.75 0 0 1-1.5 0V7.56l-3.97 3.97a.75.75 0 0 1-1.06 0L9 10.06l-2.22 2.22a.75.75 0 0 1-1.06-1.06l2.75-2.75a.75.75 0 0 1 1.06 0L11 9.94l3.44-3.44h-1.69a.75.75 0 0 1-.75-.75Z"]));
export const DataTrending20Color = ( /*#__PURE__*/createFluentIcon('DataTrending20Color', "20", `<path d="M12 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V7.41l-4.3 4.3a1 1 0 0 1-1.4 0L9 10.4l-2.3 2.3a1 1 0 0 1-1.4-1.42l3-3a1 1 0 0 1 1.4 0L11 9.6 14.59 6H13a1 1 0 0 1-1-1Z" fill="url(#ic_fluent_data_trending_20_color__a)"/><path d="M2.75 2c.41 0 .75.34.75.75v12.5c0 .69.56 1.25 1.25 1.25h12.5a.75.75 0 0 1 0 1.5H4.75A2.75 2.75 0 0 1 2 15.25V2.75c0-.41.34-.75.75-.75Z" fill="url(#ic_fluent_data_trending_20_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_20_color__a" x1="4" y1="12.5" x2="22" y2="6" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_20_color__b" x1="16.5" y1="3" x2="2.5" y2="23.85" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));
export const DataTrending24Regular = ( /*#__PURE__*/createFluentIcon('DataTrending24Regular', "24", ["M4.5 3.75a.75.75 0 0 0-1.5 0v14C3 19.55 4.46 21 6.25 21h14a.75.75 0 0 0 0-1.5h-14c-.97 0-1.75-.78-1.75-1.75v-14ZM14.75 6a.75.75 0 0 0 0 1.5h3.19l-4.69 4.69-1.97-1.97a.75.75 0 0 0-1.06 0l-3.75 3.75a.75.75 0 1 0 1.06 1.06l3.22-3.22 1.97 1.97c.3.3.77.3 1.06 0L19 8.56v3.2a.75.75 0 0 0 1.5 0V6.75a.75.75 0 0 0-.75-.75h-5Z"]));
export const DataTrending24Filled = ( /*#__PURE__*/createFluentIcon('DataTrending24Filled', "24", ["M5 4a1 1 0 0 0-2 0v13.5A3.5 3.5 0 0 0 6.5 21H20a1 1 0 1 0 0-2H6.5A1.5 1.5 0 0 1 5 17.5V4Zm10 2a1 1 0 1 0 0 2h2.09l-3.84 3.84-1.8-1.8a1 1 0 0 0-1.4 0L6.78 13.3a1 1 0 1 0 1.42 1.42l2.54-2.55 1.8 1.8a1 1 0 0 0 1.4 0L18.5 9.4v2.09a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1H15Z"]));
export const DataTrending24Color = ( /*#__PURE__*/createFluentIcon('DataTrending24Color', "24", `<path d="M15 6a1 1 0 1 0 0 2h2.09l-3.84 3.84-1.8-1.8a1 1 0 0 0-1.4 0L6.78 13.3a1 1 0 1 0 1.42 1.42l2.54-2.55 1.8 1.8a1 1 0 0 0 1.4 0L18.5 9.4v2.09a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1H15Z" fill="url(#ic_fluent_data_trending_24_color__a)"/><path d="M5 4a1 1 0 0 0-2 0v13.5A3.5 3.5 0 0 0 6.5 21H20a1 1 0 1 0 0-2H6.5A1.5 1.5 0 0 1 5 17.5V4Z" fill="url(#ic_fluent_data_trending_24_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_24_color__a" x1="5.42" y1="14.5" x2="24.46" y2="7.1" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_24_color__b" x1="19.31" y1="4.13" x2="3.56" y2="27.58" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));
export const DataTrending28Regular = ( /*#__PURE__*/createFluentIcon('DataTrending28Regular', "28", ["M3.75 3c.41 0 .75.34.75.75v17.5c0 1.24 1 2.25 2.25 2.25h17.5a.75.75 0 0 1 0 1.5H6.75A3.75 3.75 0 0 1 3 21.25V3.75c0-.41.34-.75.75-.75Zm18.19 4.5-5.69 5.69-2.47-2.47a.75.75 0 0 0-1.06 0l-5.5 5.5a.75.75 0 1 0 1.06 1.06l4.97-4.97 2.47 2.47c.3.3.77.3 1.06 0L23 8.56v3.69a.75.75 0 0 0 1.5 0v-5.5a.75.75 0 0 0-.75-.75h-5.5a.75.75 0 0 0 0 1.5h3.69Z"]));
export const DataTrending28Filled = ( /*#__PURE__*/createFluentIcon('DataTrending28Filled', "28", ["M4 3a1 1 0 0 1 1 1v17c0 1.1.9 2 2 2h17a1 1 0 1 1 0 2H7a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1Zm19 6.41V12a1 1 0 0 0 2 0V7a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h2.59l-5.09 5.09-2.3-2.3a1 1 0 0 0-1.4 0l-5.5 5.5a1 1 0 1 0 1.4 1.42l4.8-4.8 2.3 2.3a1 1 0 0 0 1.4 0L23 9.4Z"]));
export const DataTrending28Color = ( /*#__PURE__*/createFluentIcon('DataTrending28Color', "28", `<path d="M23 9.41V12a1 1 0 0 0 2 0V7a1 1 0 0 0-1-1h-5a1 1 0 1 0 0 2h2.59l-5.09 5.09-2.3-2.3a1 1 0 0 0-1.4 0l-5.5 5.5a1 1 0 1 0 1.4 1.42l4.8-4.8 2.3 2.3a1 1 0 0 0 1.4 0L23 9.4Z" fill="url(#ic_fluent_data_trending_28_color__a)"/><path d="M4 3a1 1 0 0 1 1 1v17c0 1.1.9 2 2 2h17a1 1 0 1 1 0 2H7a4 4 0 0 1-4-4V4a1 1 0 0 1 1-1Z" fill="url(#ic_fluent_data_trending_28_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_28_color__a" x1="5.62" y1="17.33" x2="30.32" y2="8.07" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_28_color__b" x1="22.94" y1="4.38" x2="3.68" y2="33.04" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));
export const DataTrending32Regular = ( /*#__PURE__*/createFluentIcon('DataTrending32Regular', "32", ["M4 3a1 1 0 0 1 1 1v20.5A2.5 2.5 0 0 0 7.5 27H28a1 1 0 1 1 0 2H7.5A4.5 4.5 0 0 1 3 24.5V4a1 1 0 0 1 1-1Zm15 5a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0v-4.59l-7.3 7.3a1 1 0 0 1-1.4 0L14 14.4l-5.3 5.3a1 1 0 0 1-1.4-1.42l6-6a1 1 0 0 1 1.4 0l3.3 3.3L24.59 9H20a1 1 0 0 1-1-1Z"]));
export const DataTrending32Filled = ( /*#__PURE__*/createFluentIcon('DataTrending32Filled', "32", ["M5.5 4.25a1.25 1.25 0 1 0-2.5 0v20.5C3 27.1 4.9 29 7.25 29h20.5a1.25 1.25 0 1 0 0-2.5H7.25c-.97 0-1.75-.78-1.75-1.75V4.25ZM20.25 6.5a1.25 1.25 0 1 0 0 2.5h3.98l-5.73 5.73-3.12-3.11a1.25 1.25 0 0 0-1.76 0l-6.25 6.25a1.25 1.25 0 0 0 1.76 1.76l5.37-5.36 3.12 3.11c.48.5 1.28.5 1.76 0l6.62-6.6v3.97a1.25 1.25 0 1 0 2.5 0v-7c0-.69-.56-1.25-1.25-1.25h-7Z"]));
export const DataTrending32Color = ( /*#__PURE__*/createFluentIcon('DataTrending32Color', "32", `<path d="M19 7.75c0-.69.56-1.25 1.25-1.25h7c.69 0 1.25.56 1.25 1.25v7a1.25 1.25 0 0 1-2.5 0v-3.98l-6.62 6.61c-.48.5-1.28.5-1.76 0l-3.12-3.11-5.37 5.36a1.25 1.25 0 0 1-1.76-1.76l6.25-6.25a1.25 1.25 0 0 1 1.76 0l3.12 3.11L24.23 9h-3.98C19.55 9 19 8.44 19 7.75Z" fill="url(#ic_fluent_data_trending_32_color__a)"/><path d="M4 3a1 1 0 0 1 1 1v20.5A2.5 2.5 0 0 0 7.5 27H28a1 1 0 1 1 0 2H7.5A4.5 4.5 0 0 1 3 24.5V4a1 1 0 0 1 1-1Z" fill="url(#ic_fluent_data_trending_32_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_32_color__a" x1="5.35" y1="19.25" x2="34.39" y2="7.69" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_32_color__b" x1="26.56" y1="4.63" x2="3.81" y2="38.51" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));
export const DataTrending48Regular = ( /*#__PURE__*/createFluentIcon('DataTrending48Regular', "48", ["M8.5 7.25a1.25 1.25 0 1 0-2.5 0v28.5C6 39.2 8.8 42 12.25 42h28.5a1.25 1.25 0 1 0 0-2.5h-28.5a3.75 3.75 0 0 1-3.75-3.75V7.25Zm19.5 6c0-.69.56-1.25 1.25-1.25h10c.69 0 1.25.56 1.25 1.25v10a1.25 1.25 0 1 1-2.5 0v-6.98L27.88 26.38c-.47.48-1.23.5-1.72.04l-4.62-4.2-7.4 7.41a1.25 1.25 0 0 1-1.77-1.76l8.25-8.25a1.25 1.25 0 0 1 1.72-.04l4.62 4.2 9.27-9.28h-6.98c-.69 0-1.25-.56-1.25-1.25Z"]));
export const DataTrending48Filled = ( /*#__PURE__*/createFluentIcon('DataTrending48Filled', "48", ["M7.5 6C8.33 6 9 6.67 9 7.5v28a3.5 3.5 0 0 0 3.5 3.5h28a1.5 1.5 0 0 1 0 3h-28A6.5 6.5 0 0 1 6 35.5v-28C6 6.67 6.67 6 7.5 6ZM38 17.12v6.38a1.5 1.5 0 0 0 3 0v-10a1.5 1.5 0 0 0-1.5-1.5h-10a1.5 1.5 0 0 0 0 3h6.38l-8.43 8.43-4.44-4.04a1.5 1.5 0 0 0-2.04.02l-8.5 8a1.5 1.5 0 1 0 2.06 2.18l7.49-7.05 4.47 4.07c.6.54 1.5.52 2.07-.05L38 17.12Z"]));
export const DataTrending48Color = ( /*#__PURE__*/createFluentIcon('DataTrending48Color', "48", `<path d="M38 17.12v6.38a1.5 1.5 0 0 0 3 0v-10a1.5 1.5 0 0 0-1.5-1.5h-10a1.5 1.5 0 0 0 0 3h6.38l-8.43 8.43-4.44-4.04a1.5 1.5 0 0 0-2.04.02l-8.5 8a1.5 1.5 0 1 0 2.06 2.18l7.49-7.05 4.47 4.07c.6.54 1.5.52 2.07-.05L38 17.12Z" fill="url(#ic_fluent_data_trending_48_color__a)"/><path d="M7.5 6C8.33 6 9 6.67 9 7.5v28a3.5 3.5 0 0 0 3.5 3.5h28a1.5 1.5 0 0 1 0 3h-28A6.5 6.5 0 0 1 6 35.5v-28C6 6.67 6.67 6 7.5 6Z" fill="url(#ic_fluent_data_trending_48_color__b)"/><defs><linearGradient id="ic_fluent_data_trending_48_color__a" x1="9.77" y1="29" x2="48.82" y2="13.27" gradientUnits="userSpaceOnUse"><stop stop-color="#0FAFFF"/><stop offset=".45" stop-color="#9C6CFE"/><stop offset=".96" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_trending_48_color__b" x1="38.63" y1="8.25" x2="7.12" y2="55.16" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient></defs>`, { color: true }));