UNPKG

@fluentui/react-icons

Version:

Fluent System Icons are a collection of familiar, friendly, and modern icons from Microsoft.

7 lines (6 loc) 9.33 kB
"use client"; import { createFluentIcon } from '../../utils/createFluentIcon'; export const BuildingStoreColor = ( /*#__PURE__*/createFluentIcon('BuildingStoreColor', "1em", `<path d="M3 7h14v10.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7Z" fill="url(#ic_fluent_building_store_20_color__a)"/><path d="M5 11.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v6a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-6Z" fill="url(#ic_fluent_building_store_20_color__b)" fill-opacity=".8"/><path d="M11 11.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3Z" fill="url(#ic_fluent_building_store_20_color__c)" fill-opacity=".8"/><path d="M4.6 2.18 2.13 5.15A.55.55 0 0 0 2 5.5V7a3 3 0 0 0 6 0V5.5h-.5l1-3.5H4.98a.5.5 0 0 0-.38.18Z" fill="url(#ic_fluent_building_store_20_color__d)"/><path d="m11.5 2 1 3.5H12V7a3 3 0 1 0 6 0V5.5a.55.55 0 0 0-.13-.35L15.4 2.18a.5.5 0 0 0-.38-.18H11.5Z" fill="url(#ic_fluent_building_store_20_color__e)"/><path d="M8.1 2 7 5.5v1.75C7 8.77 8.34 10 10 10s3-1.23 3-2.75V5.5L11.9 2H8.1Z" fill="url(#ic_fluent_building_store_20_color__f)"/><defs><linearGradient id="ic_fluent_building_store_20_color__a" x1="6.5" y1="8" x2="8.5" y2="18.5" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#29C3FF"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__b" x1="5.18" y1="12.31" x2="9.81" y2="15.75" gradientUnits="userSpaceOnUse"><stop stop-color="#0067BF"/><stop offset="1" stop-color="#003580"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__c" x1="12.2" y1="10.56" x2="13.66" y2="15.82" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__d" x1="5" y1="2" x2="5" y2="5.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__e" x1="14.5" y1="2" x2="14.5" y2="5.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__f" x1="10" y1="2" x2="10" y2="5.5" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF9FB2"/><stop offset="1" stop-color="#F97DBD"/></linearGradient></defs>`, { color: true })); export const BuildingStore16Color = ( /*#__PURE__*/createFluentIcon('BuildingStore16Color', "16", `<path d="M2 6.5c0-.28.22-.5.5-.5h11c.28 0 .5.22.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8Z" fill="url(#ic_fluent_building_store_16_color__a)"/><path d="M4 9.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5V15H4V9.5Z" fill="url(#ic_fluent_building_store_16_color__b)" fill-opacity=".8"/><path d="M9 9.5c0-.28.22-.5.5-.5h2c.28 0 .5.22.5.5v2a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2Z" fill="url(#ic_fluent_building_store_16_color__c)" fill-opacity=".8"/><path d="M7 2.5V1H4.5a.5.5 0 0 0-.31.11l-2.5 2c-.12.1-.17.24-.18.39H1.5v2a2.5 2.5 0 0 0 5 0v-2l-.42-.08L7 2.5Z" fill="url(#ic_fluent_building_store_16_color__d)"/><path d="M14.5 3.5c-.02-.15-.07-.3-.19-.39l-2.5-2a.5.5 0 0 0-.3-.11H9v1.5l.92.92-.42.08v2a2.5 2.5 0 0 0 5 0v-2Z" fill="url(#ic_fluent_building_store_16_color__e)"/><path d="m9.5 1 1 2.5v2a2.5 2.5 0 0 1-5 0v-2l1-2.5h3Z" fill="url(#ic_fluent_building_store_16_color__f)"/><defs><linearGradient id="ic_fluent_building_store_16_color__a" x1="5" y1="6.82" x2="6.57" y2="15.44" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#29C3FF"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_building_store_16_color__b" x1="4.14" y1="10.13" x2="8.02" y2="12.81" gradientUnits="userSpaceOnUse"><stop stop-color="#0067BF"/><stop offset="1" stop-color="#003580"/></linearGradient><linearGradient id="ic_fluent_building_store_16_color__c" x1="9.9" y1="8.67" x2="11" y2="12.61" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient><linearGradient id="ic_fluent_building_store_16_color__d" x1="4.04" y1="1" x2="4.04" y2="4.06" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_16_color__e" x1="11.54" y1="1" x2="11.54" y2="4.06" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_16_color__f" x1="8" y1="1" x2="8" y2="4.06" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF9FB2"/><stop offset="1" stop-color="#F97DBD"/></linearGradient></defs>`, { color: true })); export const BuildingStore20Color = ( /*#__PURE__*/createFluentIcon('BuildingStore20Color', "20", `<path d="M3 7h14v10.5a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5V7Z" fill="url(#ic_fluent_building_store_20_color__a)"/><path d="M5 11.5c0-.28.22-.5.5-.5h4c.28 0 .5.22.5.5v6a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-6Z" fill="url(#ic_fluent_building_store_20_color__b)" fill-opacity=".8"/><path d="M11 11.5c0-.28.22-.5.5-.5h3c.28 0 .5.22.5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-3Z" fill="url(#ic_fluent_building_store_20_color__c)" fill-opacity=".8"/><path d="M4.6 2.18 2.13 5.15A.55.55 0 0 0 2 5.5V7a3 3 0 0 0 6 0V5.5h-.5l1-3.5H4.98a.5.5 0 0 0-.38.18Z" fill="url(#ic_fluent_building_store_20_color__d)"/><path d="m11.5 2 1 3.5H12V7a3 3 0 1 0 6 0V5.5a.55.55 0 0 0-.13-.35L15.4 2.18a.5.5 0 0 0-.38-.18H11.5Z" fill="url(#ic_fluent_building_store_20_color__e)"/><path d="M8.1 2 7 5.5v1.75C7 8.77 8.34 10 10 10s3-1.23 3-2.75V5.5L11.9 2H8.1Z" fill="url(#ic_fluent_building_store_20_color__f)"/><defs><linearGradient id="ic_fluent_building_store_20_color__a" x1="6.5" y1="8" x2="8.5" y2="18.5" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#29C3FF"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__b" x1="5.18" y1="12.31" x2="9.81" y2="15.75" gradientUnits="userSpaceOnUse"><stop stop-color="#0067BF"/><stop offset="1" stop-color="#003580"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__c" x1="12.2" y1="10.56" x2="13.66" y2="15.82" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__d" x1="5" y1="2" x2="5" y2="5.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__e" x1="14.5" y1="2" x2="14.5" y2="5.5" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_20_color__f" x1="10" y1="2" x2="10" y2="5.5" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF9FB2"/><stop offset="1" stop-color="#F97DBD"/></linearGradient></defs>`, { color: true })); export const BuildingStore24Color = ( /*#__PURE__*/createFluentIcon('BuildingStore24Color', "24", `<path d="M3 9.75c0-.41.34-.75.75-.75h16.5c.41 0 .75.34.75.75v11.5c0 .41-.34.75-.75.75H3.75a.75.75 0 0 1-.75-.75V9.75Z" fill="url(#ic_fluent_building_store_24_color__a)"/><path d="M6 13.75c0-.41.34-.75.75-.75h4.5c.41 0 .75.34.75.75V22H6v-8.25Z" fill="url(#ic_fluent_building_store_24_color__b)" fill-opacity=".8"/><path d="M13 13.75c0-.41.34-.75.75-.75h3.5c.41 0 .75.34.75.75v3.5c0 .41-.34.75-.75.75h-3.5a.75.75 0 0 1-.75-.75v-3.5Z" fill="url(#ic_fluent_building_store_24_color__c)" fill-opacity=".8"/><path d="m14 6-1-4h4.9a1 1 0 0 1 .75.33l3.09 3.38a1 1 0 0 1 .26.68V8a4 4 0 0 1-8 0V6Z" fill="url(#ic_fluent_building_store_24_color__d)"/><path d="M2 6.39a1 1 0 0 1 .26-.68l3.1-3.38A1 1 0 0 1 6.08 2H11l-1 4v2a4 4 0 0 1-8 0V6.39Z" fill="url(#ic_fluent_building_store_24_color__e)"/><path d="M8 6.18c0-.12.02-.24.06-.34L9.5 2h5l1.44 3.84c.04.1.06.22.06.34V8a4 4 0 0 1-8 0V6.18Z" fill="url(#ic_fluent_building_store_24_color__f)"/><defs><linearGradient id="ic_fluent_building_store_24_color__a" x1="7.5" y1="10.18" x2="9.68" y2="22.66" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#29C3FF"/><stop offset="1" stop-color="#0094F0"/></linearGradient><linearGradient id="ic_fluent_building_store_24_color__b" x1="6.21" y1="14.69" x2="12.03" y2="18.72" gradientUnits="userSpaceOnUse"><stop stop-color="#0067BF"/><stop offset="1" stop-color="#003580"/></linearGradient><linearGradient id="ic_fluent_building_store_24_color__c" x1="14.5" y1="12.44" x2="16.33" y2="19.02" gradientUnits="userSpaceOnUse"><stop stop-color="#FDFDFD"/><stop offset="1" stop-color="#B3E0FF"/></linearGradient><linearGradient id="ic_fluent_building_store_24_color__d" x1="17.15" y1="2" x2="17.15" y2="6.38" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_24_color__e" x1="6.15" y1="2" x2="6.15" y2="6.38" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6F7B"/><stop offset="1" stop-color="#D7257D"/></linearGradient><linearGradient id="ic_fluent_building_store_24_color__f" x1="12" y1="2" x2="12" y2="6.38" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#FF9FB2"/><stop offset="1" stop-color="#F97DBD"/></linearGradient></defs>`, { color: true }));