@fluentui/react-icons
Version:
Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.
21 lines (20 loc) • 14 kB
JavaScript
"use client";
import { createFluentIcon } from '../../utils/createFluentIcon';
export const DatabaseColor = ( /*#__PURE__*/createFluentIcon('DatabaseColor', "1em", `<path d="M14.69 6.02c.47-.24.93-.54 1.31-.9V15c0 1.66-2.69 3-6 3s-6-1.34-6-3V5.12c.38.36.84.66 1.31.9C6.56 6.64 8.22 7 10 7c1.78 0 3.44-.36 4.69-.98Z" fill="url(#ic_fluent_database_20_color__a)"/><path d="M14.69 6.02c.47-.24.93-.54 1.31-.9V15c0 1.66-2.69 3-6 3s-6-1.34-6-3V5.12c.38.36.84.66 1.31.9C6.56 6.64 8.22 7 10 7c1.78 0 3.44-.36 4.69-.98Z" fill="url(#ic_fluent_database_20_color__b)" fill-opacity=".7"/><path d="M10 8c3.31 0 6-1.34 6-3s-2.69-3-6-3-6 1.34-6 3 2.69 3 6 3Z" fill="url(#ic_fluent_database_20_color__c)"/><defs><linearGradient id="ic_fluent_database_20_color__a" x1="6.83" y1="2.22" x2="14.11" y2="16.45" gradientUnits="userSpaceOnUse"><stop stop-color="#29C3FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="ic_fluent_database_20_color__b" x1="11.86" y1="6.7" x2="14.58" y2="19.31" gradientUnits="userSpaceOnUse"><stop offset=".53" stop-color="#FF6CE8" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8"/></linearGradient><linearGradient id="ic_fluent_database_20_color__c" x1="20.5" y1="11" x2="13.57" y2="-1.62" gradientUnits="userSpaceOnUse"><stop stop-color="#58AAFE"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const DatabaseFilled = ( /*#__PURE__*/createFluentIcon('DatabaseFilled', "1em", ["M10 8c3.31 0 6-1.34 6-3s-2.69-3-6-3-6 1.34-6 3 2.69 3 6 3Zm4.69.02c.47-.24.93-.54 1.31-.9V15c0 1.66-2.69 3-6 3s-6-1.34-6-3V7.12c.38.36.84.66 1.31.9C6.56 8.64 8.22 9 10 9c1.78 0 3.44-.36 4.69-.98Z"]));
export const DatabaseRegular = ( /*#__PURE__*/createFluentIcon('DatabaseRegular', "1em", ["M4 5c0-1 .88-1.76 1.9-2.22C6.98 2.28 8.43 2 10 2c1.57 0 3.02.29 4.1.78C15.12 3.24 16 3.99 16 5v10c0 1-.88 1.76-1.9 2.22-1.08.5-2.53.78-4.1.78-1.57 0-3.02-.29-4.1-.78C4.88 16.76 4 16.01 4 15V5Zm1 0c0 .37.36.88 1.32 1.31.91.42 2.22.69 3.68.69s2.77-.27 3.68-.69C14.64 5.88 15 5.37 15 5c0-.37-.36-.88-1.32-1.31A9.19 9.19 0 0 0 10 3c-1.46 0-2.77.27-3.68.69C5.36 4.12 5 4.63 5 5Zm10 1.7c-.27.2-.58.38-.9.52-1.08.5-2.53.78-4.1.78-1.57 0-3.02-.29-4.1-.78A4.92 4.92 0 0 1 5 6.7V15c0 .37.36.88 1.32 1.31.91.42 2.22.69 3.68.69s2.77-.27 3.68-.69c.96-.43 1.32-.94 1.32-1.31V6.7Z"]));
export const Database16Regular = ( /*#__PURE__*/createFluentIcon('Database16Regular', "16", ["M8 1C5.15 1 3 2.08 3 3.5v9C3 13.93 5.15 15 8 15s5-1.07 5-2.5v-9C13 2.08 10.85 1 8 1Zm0 1c2.44 0 4 .89 4 1.5S10.44 5 8 5s-4-.89-4-1.5S5.56 2 8 2Zm0 12c-2.44 0-4-.89-4-1.5V5.02c1.21.7 2.6 1.04 4 .98 1.4.06 2.79-.28 4-.98v7.48c0 .61-1.56 1.5-4 1.5Z"]));
export const Database16Filled = ( /*#__PURE__*/createFluentIcon('Database16Filled', "16", ["M13 3.5C13 4.88 10.76 6 8 6S3 4.88 3 3.5 5.24 1 8 1s5 1.12 5 2.5Zm-10 9V5.49C4.06 6.4 5.86 7 8 7s3.94-.59 5-1.51v7.01c0 1.43-2.15 2.5-5 2.5s-5-1.07-5-2.5Z"]));
export const Database16Color = ( /*#__PURE__*/createFluentIcon('Database16Color', "16", `<path d="M3 12.5v-9c1.06.93 2.86 1.51 5 1.51s3.94-.58 5-1.51v9c0 1.43-2.15 2.5-5 2.5s-5-1.07-5-2.5Z" fill="url(#ic_fluent_database_16_color__a)"/><path d="M3 12.5v-9c1.06.93 2.86 1.51 5 1.51s3.94-.58 5-1.51v9c0 1.43-2.15 2.5-5 2.5s-5-1.07-5-2.5Z" fill="url(#ic_fluent_database_16_color__b)" fill-opacity=".7"/><path d="M13 3.5C13 4.88 10.76 6 8 6S3 4.88 3 3.5 5.24 1 8 1s5 1.12 5 2.5Z" fill="url(#ic_fluent_database_16_color__c)"/><defs><linearGradient id="ic_fluent_database_16_color__a" x1="5.36" y1=".91" x2="12.11" y2="13.24" gradientUnits="userSpaceOnUse"><stop stop-color="#29C3FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="ic_fluent_database_16_color__b" x1="9.55" y1="4.91" x2="12.14" y2="16.1" gradientUnits="userSpaceOnUse"><stop offset=".53" stop-color="#FF6CE8" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8"/></linearGradient><linearGradient id="ic_fluent_database_16_color__c" x1="16.75" y1="8.5" x2="10.97" y2="-2.02" gradientUnits="userSpaceOnUse"><stop stop-color="#58AAFE"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Database20Regular = ( /*#__PURE__*/createFluentIcon('Database20Regular', "20", ["M4 5c0-1 .88-1.76 1.9-2.22C6.98 2.28 8.43 2 10 2c1.57 0 3.02.29 4.1.78C15.12 3.24 16 3.99 16 5v10c0 1-.88 1.76-1.9 2.22-1.08.5-2.53.78-4.1.78-1.57 0-3.02-.29-4.1-.78C4.88 16.76 4 16.01 4 15V5Zm1 0c0 .37.36.88 1.32 1.31.91.42 2.22.69 3.68.69s2.77-.27 3.68-.69C14.64 5.88 15 5.37 15 5c0-.37-.36-.88-1.32-1.31A9.19 9.19 0 0 0 10 3c-1.46 0-2.77.27-3.68.69C5.36 4.12 5 4.63 5 5Zm10 1.7c-.27.2-.58.38-.9.52-1.08.5-2.53.78-4.1.78-1.57 0-3.02-.29-4.1-.78A4.92 4.92 0 0 1 5 6.7V15c0 .37.36.88 1.32 1.31.91.42 2.22.69 3.68.69s2.77-.27 3.68-.69c.96-.43 1.32-.94 1.32-1.31V6.7Z"]));
export const Database20Filled = ( /*#__PURE__*/createFluentIcon('Database20Filled', "20", ["M10 8c3.31 0 6-1.34 6-3s-2.69-3-6-3-6 1.34-6 3 2.69 3 6 3Zm4.69.02c.47-.24.93-.54 1.31-.9V15c0 1.66-2.69 3-6 3s-6-1.34-6-3V7.12c.38.36.84.66 1.31.9C6.56 8.64 8.22 9 10 9c1.78 0 3.44-.36 4.69-.98Z"]));
export const Database20Color = ( /*#__PURE__*/createFluentIcon('Database20Color', "20", `<path d="M14.69 6.02c.47-.24.93-.54 1.31-.9V15c0 1.66-2.69 3-6 3s-6-1.34-6-3V5.12c.38.36.84.66 1.31.9C6.56 6.64 8.22 7 10 7c1.78 0 3.44-.36 4.69-.98Z" fill="url(#ic_fluent_database_20_color__a)"/><path d="M14.69 6.02c.47-.24.93-.54 1.31-.9V15c0 1.66-2.69 3-6 3s-6-1.34-6-3V5.12c.38.36.84.66 1.31.9C6.56 6.64 8.22 7 10 7c1.78 0 3.44-.36 4.69-.98Z" fill="url(#ic_fluent_database_20_color__b)" fill-opacity=".7"/><path d="M10 8c3.31 0 6-1.34 6-3s-2.69-3-6-3-6 1.34-6 3 2.69 3 6 3Z" fill="url(#ic_fluent_database_20_color__c)"/><defs><linearGradient id="ic_fluent_database_20_color__a" x1="6.83" y1="2.22" x2="14.11" y2="16.45" gradientUnits="userSpaceOnUse"><stop stop-color="#29C3FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="ic_fluent_database_20_color__b" x1="11.86" y1="6.7" x2="14.58" y2="19.31" gradientUnits="userSpaceOnUse"><stop offset=".53" stop-color="#FF6CE8" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8"/></linearGradient><linearGradient id="ic_fluent_database_20_color__c" x1="20.5" y1="11" x2="13.57" y2="-1.62" gradientUnits="userSpaceOnUse"><stop stop-color="#58AAFE"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Database24Regular = ( /*#__PURE__*/createFluentIcon('Database24Regular', "24", ["M4 6c0-.7.32-1.3.77-1.78a5.61 5.61 0 0 1 1.8-1.2A13.65 13.65 0 0 1 12 2c2.08 0 4 .38 5.43 1.02.72.32 1.34.72 1.8 1.2.45.49.77 1.09.77 1.78v12c0 .7-.32 1.3-.77 1.78-.46.48-1.08.88-1.8 1.2A13.65 13.65 0 0 1 12 22c-2.08 0-4-.38-5.43-1.02a5.61 5.61 0 0 1-1.8-1.2A2.6 2.6 0 0 1 4 18V6Zm1.5 0c0 .2.09.46.37.75.27.3.71.6 1.31.86 1.2.54 2.9.89 4.82.89 1.92 0 3.62-.35 4.82-.89.6-.26 1.04-.56 1.31-.86.28-.3.37-.54.37-.75 0-.2-.09-.46-.37-.75-.27-.3-.71-.6-1.31-.86-1.2-.54-2.9-.89-4.82-.89-1.92 0-3.62.35-4.82.89-.6.26-1.04.56-1.31.86-.28.3-.37.54-.37.75Zm13 2.4a6.8 6.8 0 0 1-1.07.58A13.65 13.65 0 0 1 12 10c-2.08 0-4-.38-5.43-1.02A6.8 6.8 0 0 1 5.5 8.4V18c0 .2.09.46.37.75.27.3.71.6 1.31.86 1.2.54 2.9.89 4.82.89 1.92 0 3.62-.35 4.82-.89.6-.26 1.04-.56 1.31-.86.28-.3.37-.54.37-.75V8.4Z"]));
export const Database24Filled = ( /*#__PURE__*/createFluentIcon('Database24Filled', "24", ["M12 10c4.42 0 8-1.8 8-4s-3.58-4-8-4-8 1.8-8 4 3.58 4 8 4Zm6.33.17c.59-.3 1.17-.67 1.67-1.12V18c0 2.2-3.58 4-8 4s-8-1.8-8-4V9.05c.5.45 1.08.83 1.67 1.12 1.7.85 3.94 1.33 6.33 1.33 2.4 0 4.63-.48 6.33-1.33Z"]));
export const Database24Color = ( /*#__PURE__*/createFluentIcon('Database24Color', "24", `<path d="M18.33 7.12A7.6 7.6 0 0 0 20 6v12c0 2.2-3.58 4-8 4s-8-1.8-8-4V6c.5.45 1.08.82 1.67 1.12 1.7.85 3.94 1.33 6.33 1.33 2.4 0 4.63-.48 6.33-1.33Z" fill="url(#ic_fluent_database_24_color__a)"/><path d="M18.33 7.12A7.6 7.6 0 0 0 20 6v12c0 2.2-3.58 4-8 4s-8-1.8-8-4V6c.5.45 1.08.82 1.67 1.12 1.7.85 3.94 1.33 6.33 1.33 2.4 0 4.63-.48 6.33-1.33Z" fill="url(#ic_fluent_database_24_color__b)" fill-opacity=".7"/><path d="M12 10c4.42 0 8-1.8 8-4s-3.58-4-8-4-8 1.8-8 4 3.58 4 8 4Z" fill="url(#ic_fluent_database_24_color__c)"/><defs><linearGradient id="ic_fluent_database_24_color__a" x1="7.78" y1="2.4" x2="16.43" y2="20.58" gradientUnits="userSpaceOnUse"><stop stop-color="#29C3FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="ic_fluent_database_24_color__b" x1="14.48" y1="7.96" x2="17.65" y2="23.72" gradientUnits="userSpaceOnUse"><stop offset=".53" stop-color="#FF6CE8" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8"/></linearGradient><linearGradient id="ic_fluent_database_24_color__c" x1="26" y1="14" x2="16.75" y2="-2.83" gradientUnits="userSpaceOnUse"><stop stop-color="#58AAFE"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Database32Regular = ( /*#__PURE__*/createFluentIcon('Database32Regular', "32", ["M27 7c0-2.76-4.92-5-11-5S5 4.24 5 7v18c0 2.76 4.92 5 11 5s11-2.24 11-5V7Zm-2 0c0 .11-.2.87-2.05 1.71A17.4 17.4 0 0 1 16 10a17.4 17.4 0 0 1-6.95-1.29C7.19 7.87 7 7.11 7 7c0-.11.2-.87 2.05-1.71A17.4 17.4 0 0 1 16 4c2.82 0 5.27.52 6.95 1.29C24.81 6.13 25 6.89 25 7Zm0 2.88V25c0 .11-.2.87-2.05 1.71A17.4 17.4 0 0 1 16 28a17.4 17.4 0 0 1-6.95-1.29C7.19 25.87 7 25.11 7 25V9.88C9 11.16 12.28 12 16 12c3.72 0 7-.84 9-2.12Z"]));
export const Database32Filled = ( /*#__PURE__*/createFluentIcon('Database32Filled', "32", ["M16 14c3.26 0 6.3-.6 8.6-1.64.83-.38 1.67-.87 2.4-1.48V25c0 2.76-4.92 5-11 5S5 27.76 5 25V10.88c.73.61 1.57 1.1 2.4 1.48A21.33 21.33 0 0 0 16 14ZM5 7c0-2.76 4.92-5 11-5s11 2.24 11 5-4.92 5-11 5S5 9.76 5 7Z"]));
export const Database32Color = ( /*#__PURE__*/createFluentIcon('Database32Color', "32", `<path d="M16 10.12c3.26 0 6.3-.6 8.6-1.64.83-.37 1.67-.87 2.4-1.48v18c0 2.76-4.92 5-11 5S5 27.76 5 25V7c.73.61 1.57 1.1 2.4 1.48a21.33 21.33 0 0 0 8.6 1.64Z" fill="url(#ic_fluent_database_32_color__a)"/><path d="M16 10.12c3.26 0 6.3-.6 8.6-1.64.83-.37 1.67-.87 2.4-1.48v18c0 2.76-4.92 5-11 5S5 27.76 5 25V7c.73.61 1.57 1.1 2.4 1.48a21.33 21.33 0 0 0 8.6 1.64Z" fill="url(#ic_fluent_database_32_color__b)" fill-opacity=".7"/><path d="M5 7c0-2.76 4.92-5 11-5s11 2.24 11 5-4.92 5-11 5S5 9.76 5 7Z" fill="url(#ic_fluent_database_32_color__c)"/><defs><linearGradient id="ic_fluent_database_32_color__a" x1="10.19" y1="1.82" x2="22.98" y2="27.51" gradientUnits="userSpaceOnUse"><stop stop-color="#29C3FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="ic_fluent_database_32_color__b" x1="19.4" y1="9.82" x2="24.15" y2="32.39" gradientUnits="userSpaceOnUse"><stop offset=".53" stop-color="#FF6CE8" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8"/></linearGradient><linearGradient id="ic_fluent_database_32_color__c" x1="35.25" y1="17" x2="24.3" y2="-4.92" gradientUnits="userSpaceOnUse"><stop stop-color="#58AAFE"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));
export const Database48Regular = ( /*#__PURE__*/createFluentIcon('Database48Regular', "48", ["M40 12c0-2.65-2.3-4.65-5.05-5.91C32.08 4.78 28.21 4 24 4c-4.21 0-8.08.78-10.95 2.09C10.29 7.35 8 9.35 8 12v24.25c.15 2.53 2.38 4.44 5.05 5.66C15.92 43.22 19.79 44 24 44c4.21 0 8.08-.78 10.95-2.09 2.67-1.22 4.9-3.13 5.04-5.66H40V12Zm-29.5 0c0-1.08 1-2.45 3.59-3.64C16.56 7.23 20.06 6.5 24 6.5c3.94 0 7.44.73 9.91 1.86 2.58 1.19 3.59 2.56 3.59 3.64s-1 2.46-3.59 3.64c-2.47 1.13-5.97 1.86-9.91 1.86-3.94 0-7.44-.73-9.91-1.86-2.58-1.19-3.59-2.56-3.59-3.64Zm27 24c0 1.08-1 2.45-3.59 3.64-2.47 1.13-5.97 1.86-9.91 1.86-3.94 0-7.44-.73-9.91-1.86-2.58-1.19-3.59-2.56-3.59-3.64V16.4c.75.58 1.62 1.09 2.55 1.51C15.92 19.22 19.79 20 24 20c4.21 0 8.08-.78 10.95-2.09.93-.42 1.8-.93 2.55-1.52V36Z"]));
export const Database48Filled = ( /*#__PURE__*/createFluentIcon('Database48Filled', "48", ["M13.05 6.09C15.92 4.78 19.79 4 24 4c4.21 0 8.08.78 10.95 2.09C37.71 7.35 40 9.35 40 12c0 2.65-2.3 4.65-5.05 5.91C32.08 19.22 28.21 20 24 20c-4.21 0-8.08-.78-10.95-2.09C10.29 16.65 8 14.65 8 12c0-2.65 2.3-4.65 5.05-5.91ZM8 17.52a14.39 14.39 0 0 0 4.01 2.66c3.26 1.5 7.5 2.32 11.99 2.32s8.73-.82 11.99-2.32c1.33-.6 2.8-1.48 4.01-2.66v18.73c-.15 2.53-2.38 4.44-5.05 5.66C32.08 43.22 28.21 44 24 44c-4.21 0-8.08-.78-10.95-2.09-2.67-1.22-4.9-3.13-5.04-5.66H8V17.52Z"]));
export const Database48Color = ( /*#__PURE__*/createFluentIcon('Database48Color', "48", `<path d="M8 12a14.39 14.39 0 0 0 4.01 2.66c3.26 1.5 7.5 2.32 11.99 2.32s8.73-.83 11.99-2.32c1.33-.61 2.8-1.49 4.01-2.66v24.25c-.15 2.53-2.38 4.44-5.05 5.66C32.08 43.22 28.21 44 24 44c-4.21 0-8.08-.78-10.95-2.09-2.67-1.22-4.9-3.13-5.04-5.66H8V12Z" fill="url(#ic_fluent_database_48_color__a)"/><path d="M8 12a14.39 14.39 0 0 0 4.01 2.66c3.26 1.5 7.5 2.32 11.99 2.32s8.73-.83 11.99-2.32c1.33-.61 2.8-1.49 4.01-2.66v24.25c-.15 2.53-2.38 4.44-5.05 5.66C32.08 43.22 28.21 44 24 44c-4.21 0-8.08-.78-10.95-2.09-2.67-1.22-4.9-3.13-5.04-5.66H8V12Z" fill="url(#ic_fluent_database_48_color__b)" fill-opacity=".7"/><path d="M13.05 6.09C15.92 4.78 19.79 4 24 4c4.21 0 8.08.78 10.95 2.09C37.71 7.35 40 9.35 40 12c0 2.65-2.3 4.65-5.05 5.91C32.08 19.22 28.21 20 24 20c-4.21 0-8.08-.78-10.95-2.09C10.29 16.65 8 14.65 8 12c0-2.65 2.3-4.65 5.05-5.91Z" fill="url(#ic_fluent_database_48_color__c)"/><defs><linearGradient id="ic_fluent_database_48_color__a" x1="15.55" y1="4.79" x2="32.87" y2="41.15" gradientUnits="userSpaceOnUse"><stop stop-color="#29C3FF"/><stop offset="1" stop-color="#367AF2"/></linearGradient><linearGradient id="ic_fluent_database_48_color__b" x1="28.95" y1="15.93" x2="35.29" y2="47.44" gradientUnits="userSpaceOnUse"><stop offset=".53" stop-color="#FF6CE8" stop-opacity="0"/><stop offset="1" stop-color="#FF6CE8"/></linearGradient><linearGradient id="ic_fluent_database_48_color__c" x1="52" y1="28" x2="33.51" y2="-5.66" gradientUnits="userSpaceOnUse"><stop stop-color="#58AAFE"/><stop offset="1" stop-color="#6CE0FF"/></linearGradient></defs>`, { color: true }));