@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
15 lines (14 loc) • 11.5 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const DataAreaColor = ( /*#__PURE__*/createFluentIcon('DataAreaColor', "1em", `<path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__a)"/><path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__b)" fill-opacity=".3"/><path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__c)" fill-opacity=".3"/><path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__d)" fill-opacity=".3"/><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_area_20_color__e)"/><defs><linearGradient id="ic_fluent_data_area_20_color__a" x1="-1.5" y1="6.5" x2="20" y2="19" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#3BD5FF"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset=".91" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_area_20_color__c" x1="9.5" y1="15" x2="9.5" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_20_color__d" x1="5" y1="13.5" x2="3" y2="13.5" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_20_color__e" x1="16.5" y1="3" x2="2.5" y2="23.85" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient><radialGradient id="ic_fluent_data_area_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(138.01 5.66 6.19) scale(13.4536 13.6096)"><stop offset=".64" stop-color="#0FAFFF" stop-opacity="0"/><stop offset=".96" stop-color="#0067BF"/></radialGradient></defs>`, { color: true }));
export const DataAreaFilled = ( /*#__PURE__*/createFluentIcon('DataAreaFilled', "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-.75ZM16 5.5v10H4.75a.25.25 0 0 1-.25-.25V8.06l2.3-1.02a.5.5 0 0 1 .45.03l3.2 1.83L15.2 5.1a.5.5 0 0 1 .81.39Z"]));
export const DataAreaRegular = ( /*#__PURE__*/createFluentIcon('DataAreaRegular', "1em", ["M2.5 2c.28 0 .5.22.5.5v6.23l3.8-1.69a.5.5 0 0 1 .45.03l3.2 1.83L15.2 5.1a.5.5 0 0 1 .81.39V17h1.5a.5.5 0 0 1 0 1h-13A2.5 2.5 0 0 1 2 15.5v-13c0-.28.22-.5.5-.5ZM15 17V6.54l-4.19 3.35a.5.5 0 0 1-.56.04L6.97 8.06 3 9.82v5.68c0 .83.67 1.5 1.5 1.5H15Z"]));
export const DataArea20Regular = ( /*#__PURE__*/createFluentIcon('DataArea20Regular', "20", ["M2.5 2c.28 0 .5.22.5.5v6.23l3.8-1.69a.5.5 0 0 1 .45.03l3.2 1.83L15.2 5.1a.5.5 0 0 1 .81.39V17h1.5a.5.5 0 0 1 0 1h-13A2.5 2.5 0 0 1 2 15.5v-13c0-.28.22-.5.5-.5ZM15 17V6.54l-4.19 3.35a.5.5 0 0 1-.56.04L6.97 8.06 3 9.82v5.68c0 .83.67 1.5 1.5 1.5H15Z"]));
export const DataArea20Filled = ( /*#__PURE__*/createFluentIcon('DataArea20Filled', "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-.75ZM16 5.5v10H4.75a.25.25 0 0 1-.25-.25V8.06l2.3-1.02a.5.5 0 0 1 .45.03l3.2 1.83L15.2 5.1a.5.5 0 0 1 .81.39Z"]));
export const DataArea20Color = ( /*#__PURE__*/createFluentIcon('DataArea20Color', "20", `<path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__a)"/><path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__b)" fill-opacity=".3"/><path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__c)" fill-opacity=".3"/><path d="M16 17V5.5a.5.5 0 0 0-.81-.39L10.45 8.9l-3.2-1.83a.5.5 0 0 0-.45-.03L3 8.74V17h13Z" fill="url(#ic_fluent_data_area_20_color__d)" fill-opacity=".3"/><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_area_20_color__e)"/><defs><linearGradient id="ic_fluent_data_area_20_color__a" x1="-1.5" y1="6.5" x2="20" y2="19" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#3BD5FF"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset=".91" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_area_20_color__c" x1="9.5" y1="15" x2="9.5" y2="17" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_20_color__d" x1="5" y1="13.5" x2="3" y2="13.5" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_20_color__e" x1="16.5" y1="3" x2="2.5" y2="23.85" gradientUnits="userSpaceOnUse"><stop stop-color="#70777D"/><stop offset="1" stop-color="#B9C0C7"/></linearGradient><radialGradient id="ic_fluent_data_area_20_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(138.01 5.66 6.19) scale(13.4536 13.6096)"><stop offset=".64" stop-color="#0FAFFF" stop-opacity="0"/><stop offset=".96" stop-color="#0067BF"/></radialGradient></defs>`, { color: true }));
export const DataArea24Regular = ( /*#__PURE__*/createFluentIcon('DataArea24Regular', "24", ["M3.75 3c.41 0 .75.34.75.75v6.26l3.65-1.92c.23-.12.5-.12.73.01l3.82 2.25 5.6-4.2a.75.75 0 0 1 1.2.6V19.5h.75a.75.75 0 0 1 0 1.5h-14A3.25 3.25 0 0 1 3 17.75v-14c0-.41.34-.75.75-.75ZM18 19.5V8.25l-4.8 3.6a.75.75 0 0 1-.83.05L8.48 9.6 4.5 11.7v6.05c0 .97.78 1.75 1.75 1.75H18Z"]));
export const DataArea24Filled = ( /*#__PURE__*/createFluentIcon('DataArea24Filled', "24", ["M4 3a1 1 0 0 1 1 1v13.5c0 .83.67 1.5 1.5 1.5H20a1 1 0 1 1 0 2H6.5A3.5 3.5 0 0 1 3 17.5V4a1 1 0 0 1 1-1Zm15.5 3.75V18h-13a.5.5 0 0 1-.5-.5V9.16l2.16-1.08c.23-.11.5-.1.72.02l3.82 2.25 5.6-4.2a.75.75 0 0 1 1.2.6Z"]));
export const DataArea24Color = ( /*#__PURE__*/createFluentIcon('DataArea24Color', "24", `<path d="M19.5 6.75a.75.75 0 0 0-1.2-.6l-5.6 4.2L8.88 8.1a.75.75 0 0 0-.72-.02L4.5 9.9v9.6h15V6.75Z" fill="url(#ic_fluent_data_area_24_color__a)"/><path d="M19.5 6.75a.75.75 0 0 0-1.2-.6l-5.6 4.2L8.88 8.1a.75.75 0 0 0-.72-.02L4.5 9.9v9.6h15V6.75Z" fill="url(#ic_fluent_data_area_24_color__b)" fill-opacity=".3"/><path d="M19.5 6.75a.75.75 0 0 0-1.2-.6l-5.6 4.2L8.88 8.1a.75.75 0 0 0-.72-.02L4.5 9.9v9.6h15V6.75Z" fill="url(#ic_fluent_data_area_24_color__c)" fill-opacity=".3"/><path d="M19.5 6.75a.75.75 0 0 0-1.2-.6l-5.6 4.2L8.88 8.1a.75.75 0 0 0-.72-.02L4.5 9.9v9.6h15V6.75Z" fill="url(#ic_fluent_data_area_24_color__d)" fill-opacity=".3"/><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_area_24_color__e)"/><defs><linearGradient id="ic_fluent_data_area_24_color__a" x1="-.69" y1="7.69" x2="23.79" y2="22.29" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#3BD5FF"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset=".91" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_area_24_color__c" x1="12" y1="17.25" x2="12" y2="19.5" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_24_color__d" x1="6.81" y1="15.56" x2="4.5" y2="15.56" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_24_color__e" 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><radialGradient id="ic_fluent_data_area_24_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(138.73 7.04 7.36) scale(15.351 15.4828)"><stop offset=".64" stop-color="#0FAFFF" stop-opacity="0"/><stop offset=".96" stop-color="#0067BF"/></radialGradient></defs>`, { color: true }));
export const DataArea32Regular = ( /*#__PURE__*/createFluentIcon('DataArea32Regular', "32", ["M5 4a1 1 0 1 0-2 0v10.98a1 1 0 0 0 0 .04v9.48A4.5 4.5 0 0 0 7.5 29H28a1 1 0 1 0 0-2h-2V9a1 1 0 0 0-1.6-.8l-7.5 5.63-5.45-2.72a1 1 0 0 0-.84-.03L5 13.48V4Zm0 11.66 5.97-2.56 5.58 2.8a1 1 0 0 0 1.05-.1L24 11v16H7.5A2.5 2.5 0 0 1 5 24.5v-8.84Z"]));
export const DataArea32Filled = ( /*#__PURE__*/createFluentIcon('DataArea32Filled', "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.25ZM7.25 25H26V9a1 1 0 0 0-1.6-.8l-7.5 5.63-5.45-2.72a1 1 0 0 0-.84-.03L7 12.63v12.12c0 .14.11.25.25.25Z"]));
export const DataArea32Color = ( /*#__PURE__*/createFluentIcon('DataArea32Color', "32", `<path d="M26 27.01a2.8 2.8 0 0 0-.25-.01H5.25a.25.25 0 0 1-.25-.25V13.48l5.6-2.4a1 1 0 0 1 .85.03l5.44 2.72L24.4 8.2A1 1 0 0 1 26 9v18.01Z" fill="url(#ic_fluent_data_area_32_color__a)"/><path d="M26 27.01a2.8 2.8 0 0 0-.25-.01H5.25a.25.25 0 0 1-.25-.25V13.48l5.6-2.4a1 1 0 0 1 .85.03l5.44 2.72L24.4 8.2A1 1 0 0 1 26 9v18.01Z" fill="url(#ic_fluent_data_area_32_color__b)" fill-opacity=".3"/><path d="M26 27.01a2.8 2.8 0 0 0-.25-.01H5.25a.25.25 0 0 1-.25-.25V13.48l5.6-2.4a1 1 0 0 1 .85.03l5.44 2.72L24.4 8.2A1 1 0 0 1 26 9v18.01Z" fill="url(#ic_fluent_data_area_32_color__c)" fill-opacity=".3"/><path d="M26 27.01a2.8 2.8 0 0 0-.25-.01H5.25a.25.25 0 0 1-.25-.25V13.48l5.6-2.4a1 1 0 0 1 .85.03l5.44 2.72L24.4 8.2A1 1 0 0 1 26 9v18.01Z" fill="url(#ic_fluent_data_area_32_color__d)" fill-opacity=".3"/><path d="M4.25 3c.69 0 1.25.56 1.25 1.25v20.5c0 .97.78 1.75 1.75 1.75h20.5a1.25 1.25 0 1 1 0 2.5H7.25A4.25 4.25 0 0 1 3 24.75V4.25C3 3.56 3.56 3 4.25 3Z" fill="url(#ic_fluent_data_area_32_color__e)"/><defs><linearGradient id="ic_fluent_data_area_32_color__a" x1="-2.27" y1="10.38" x2="32.12" y2="30.76" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#3BD5FF"/><stop offset=".54" stop-color="#9C6CFE"/><stop offset=".91" stop-color="#E656EB"/></linearGradient><linearGradient id="ic_fluent_data_area_32_color__c" x1="15.5" y1="25" x2="15.5" y2="27.01" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_32_color__d" x1="7" y1="21.5" x2="5" y2="21.47" gradientUnits="userSpaceOnUse"><stop stop-color="#163697" stop-opacity="0"/><stop offset="1" stop-color="#163697"/></linearGradient><linearGradient id="ic_fluent_data_area_32_color__e" 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><radialGradient id="ic_fluent_data_area_32_color__b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-16.15373 14.25848 -14.39169 -16.30465 22.77 11.17)"><stop offset=".64" stop-color="#0FAFFF" stop-opacity="0"/><stop offset="1" stop-color="#0067BF"/></radialGradient></defs>`, { color: true }));