@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
15 lines (14 loc) • 8.11 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const DataBarVerticalAscendingColor = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscendingColor', "1em", `<path d="M17 5a2 2 0 1 0-4 0v10a2 2 0 1 0 4 0V5Z" fill="url(#ic_fluent_data_bar_vertical_ascending_20_color__a)"/><path d="M12 8a2 2 0 1 0-4 0v7a2 2 0 1 0 4 0V8Z" fill="url(#ic_fluent_data_bar_vertical_ascending_20_color__b)"/><path d="M7 11a2 2 0 1 0-4 0v4a2 2 0 1 0 4 0v-4Z" fill="url(#ic_fluent_data_bar_vertical_ascending_20_color__c)"/><defs><linearGradient id="ic_fluent_data_bar_vertical_ascending_20_color__a" x1="16.47" y1="-1.3" x2="26.66" y2="4.13" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_20_color__b" x1="8.39" y1="3.31" x2="17.44" y2="9.35" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_20_color__c" x1="2.75" y1="4.5" x2="9.86" y2="11.02" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient></defs>`, { color: true }));
export const DataBarVerticalAscendingFilled = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscendingFilled', "1em", ["M15 3a2 2 0 0 1 2 2v10a2 2 0 1 1-4 0V5c0-1.1.9-2 2-2Zm-5 3a2 2 0 0 1 2 2v7a2 2 0 1 1-4 0V8c0-1.1.9-2 2-2ZM5 9a2 2 0 0 1 2 2v4a2 2 0 1 1-4 0v-4c0-1.1.9-2 2-2Z"]));
export const DataBarVerticalAscendingRegular = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscendingRegular', "1em", ["M15 3a2 2 0 0 1 2 2v10a2 2 0 1 1-4 0V5c0-1.1.9-2 2-2Zm1 2a1 1 0 1 0-2 0v10a1 1 0 1 0 2 0V5Zm-4 3a2 2 0 1 0-4 0v7a2 2 0 1 0 4 0V8Zm-2-1a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Zm-3 4a2 2 0 1 0-4 0v4a2 2 0 1 0 4 0v-4Zm-2-1a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z"]));
export const DataBarVerticalAscending16Regular = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending16Regular', "16", ["M14 3.5a1.5 1.5 0 0 0-3 0v9a1.5 1.5 0 0 0 3 0v-9ZM12.5 3c.28 0 .5.22.5.5v9a.5.5 0 0 1-1 0v-9c0-.28.22-.5.5-.5ZM10 6.5a1.5 1.5 0 1 0-3 0v6a1.5 1.5 0 0 0 3 0v-6ZM8.5 6c.28 0 .5.22.5.5v6a.5.5 0 0 1-1 0v-6c0-.28.22-.5.5-.5Zm-4 2C5.33 8 6 8.67 6 9.5v3a1.5 1.5 0 0 1-3 0v-3C3 8.67 3.67 8 4.5 8ZM5 9.5a.5.5 0 0 0-1 0v3a.5.5 0 0 0 1 0v-3Z"]));
export const DataBarVerticalAscending16Filled = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending16Filled', "16", ["M12.5 2c.83 0 1.5.67 1.5 1.5v9a1.5 1.5 0 0 1-3 0v-9c0-.83.67-1.5 1.5-1.5Zm-4 3c.83 0 1.5.67 1.5 1.5v6a1.5 1.5 0 0 1-3 0v-6C7 5.67 7.67 5 8.5 5Zm-4 3C5.33 8 6 8.67 6 9.5v3a1.5 1.5 0 0 1-3 0v-3C3 8.67 3.67 8 4.5 8Z"]));
export const DataBarVerticalAscending16Color = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending16Color', "16", `<path d="M14 3.68C14 2.75 13.33 2 12.5 2S11 2.75 11 3.68v8.64c0 .93.67 1.68 1.5 1.68s1.5-.75 1.5-1.68V3.68Z" fill="url(#ic_fluent_data_bar_vertical_ascending_16_color__a)"/><path d="M10 6.5a1.5 1.5 0 0 0-3 0v6a1.5 1.5 0 0 0 3 0v-6Z" fill="url(#ic_fluent_data_bar_vertical_ascending_16_color__b)"/><path d="M6 9.5a1.5 1.5 0 1 0-3 0v3a1.5 1.5 0 0 0 3 0v-3Z" fill="url(#ic_fluent_data_bar_vertical_ascending_16_color__c)"/><defs><linearGradient id="ic_fluent_data_bar_vertical_ascending_16_color__a" x1="13.61" y1="-1.69" x2="21.66" y2="2.07" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_16_color__b" x1="7.29" y1="2.8" x2="14.44" y2="7.17" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_16_color__c" x1="2.81" y1="4.62" x2="8.14" y2="9.51" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient></defs>`, { color: true }));
export const DataBarVerticalAscending20Regular = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending20Regular', "20", ["M15 3a2 2 0 0 1 2 2v10a2 2 0 1 1-4 0V5c0-1.1.9-2 2-2Zm1 2a1 1 0 1 0-2 0v10a1 1 0 1 0 2 0V5Zm-4 3a2 2 0 1 0-4 0v7a2 2 0 1 0 4 0V8Zm-2-1a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1Zm-3 4a2 2 0 1 0-4 0v4a2 2 0 1 0 4 0v-4Zm-2-1a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1Z"]));
export const DataBarVerticalAscending20Filled = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending20Filled', "20", ["M15 3a2 2 0 0 1 2 2v10a2 2 0 1 1-4 0V5c0-1.1.9-2 2-2Zm-5 3a2 2 0 0 1 2 2v7a2 2 0 1 1-4 0V8c0-1.1.9-2 2-2ZM5 9a2 2 0 0 1 2 2v4a2 2 0 1 1-4 0v-4c0-1.1.9-2 2-2Z"]));
export const DataBarVerticalAscending20Color = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending20Color', "20", `<path d="M17 5a2 2 0 1 0-4 0v10a2 2 0 1 0 4 0V5Z" fill="url(#ic_fluent_data_bar_vertical_ascending_20_color__a)"/><path d="M12 8a2 2 0 1 0-4 0v7a2 2 0 1 0 4 0V8Z" fill="url(#ic_fluent_data_bar_vertical_ascending_20_color__b)"/><path d="M7 11a2 2 0 1 0-4 0v4a2 2 0 1 0 4 0v-4Z" fill="url(#ic_fluent_data_bar_vertical_ascending_20_color__c)"/><defs><linearGradient id="ic_fluent_data_bar_vertical_ascending_20_color__a" x1="16.47" y1="-1.3" x2="26.66" y2="4.13" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_20_color__b" x1="8.39" y1="3.31" x2="17.44" y2="9.35" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_20_color__c" x1="2.75" y1="4.5" x2="9.86" y2="11.02" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient></defs>`, { color: true }));
export const DataBarVerticalAscending24Regular = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending24Regular', "24", ["M18.25 3C17.01 3 16 4 16 5.25v13.5a2.25 2.25 0 1 0 4.5 0V5.25C20.5 4 19.5 3 18.25 3Zm-6.5 4C10.51 7 9.5 8 9.5 9.25v9.5a2.25 2.25 0 1 0 4.5 0v-9.5C14 8 13 7 11.75 7Zm-6.5 4C4.01 11 3 12 3 13.25v5.5a2.25 2.25 0 1 0 4.5 0v-5.5C7.5 12 6.5 11 5.25 11Zm13-6.5c.41 0 .75.34.75.75v13.5a.75.75 0 0 1-1.5 0V5.25c0-.41.34-.75.75-.75Zm-6.5 4c.41 0 .75.34.75.75v9.5a.75.75 0 0 1-1.5 0v-9.5c0-.41.34-.75.75-.75Zm-6.5 4c.41 0 .75.34.75.75v5.5a.75.75 0 0 1-1.5 0v-5.5c0-.41.34-.75.75-.75Z"]));
export const DataBarVerticalAscending24Filled = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending24Filled', "24", ["M18.25 3C17.01 3 16 4 16 5.25v13.5a2.25 2.25 0 1 0 4.5 0V5.25C20.5 4 19.5 3 18.25 3Zm-6.5 4C10.51 7 9.5 8 9.5 9.25v9.5a2.25 2.25 0 1 0 4.5 0v-9.5C14 8 13 7 11.75 7Zm-6.5 4C4.01 11 3 12 3 13.25v5.5a2.25 2.25 0 1 0 4.5 0v-5.5C7.5 12 6.5 11 5.25 11Z"]));
export const DataBarVerticalAscending24Color = ( /*#__PURE__*/createFluentIcon('DataBarVerticalAscending24Color', "24", `<path d="M20.5 5.25a2.25 2.25 0 0 0-4.5 0v13.5a2.25 2.25 0 0 0 4.5 0V5.25Z" fill="url(#ic_fluent_data_bar_vertical_ascending_24_color__a)"/><path d="M14 9.25a2.25 2.25 0 0 0-4.5 0v9.5a2.25 2.25 0 0 0 4.5 0v-9.5Z" fill="url(#ic_fluent_data_bar_vertical_ascending_24_color__b)"/><path d="M7.5 13.25a2.25 2.25 0 0 0-4.5 0v5.5a2.25 2.25 0 0 0 4.5 0v-5.5Z" fill="url(#ic_fluent_data_bar_vertical_ascending_24_color__c)"/><defs><linearGradient id="ic_fluent_data_bar_vertical_ascending_24_color__a" x1="19.91" y1="-2.53" x2="31.99" y2="3.11" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_24_color__b" x1="9.93" y1="3.58" x2="20.86" y2="10.02" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient><linearGradient id="ic_fluent_data_bar_vertical_ascending_24_color__c" x1="2.72" y1="5.38" x2="11.48" y2="12.6" gradientUnits="userSpaceOnUse"><stop stop-color="#16BBDA"/><stop offset="1" stop-color="#0067BF"/></linearGradient></defs>`, { color: true }));