shop icon
shop from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- shop
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 640×512
- License
- CC BY 4.0
The same icon in other sets
shop-filledAnt Design IconsshopBootstrap IconsshopElement PlusshopFont Awesome SolidshopIconParkshopIconPark OutlineshopIconPark SolidshopIconPark TwoToneshopIconoirshopMage IconsshopMaterial SymbolsshopMaterial Symbols Lightshop-fillMingCute IconshopPrime Iconsshop-boldSolarshopTDesign Iconsshop-outlineTeenyiconsshopUniconsshop-outlinedWeUI Icon
Related icons in Font Awesome 6 Solid
Use the shop icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M36.8 192h566.3c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2 21.4C549.3 8 534.4 0 518.3 0H121.7c-16 0-31 8-39.9 21.4L6.2 134.7c-4 6.1-6.2 13.2-6.2 20.4C0 175.5 16.5 192 36.8 192M64 224v240c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V224h-64v160H128V224zm448 0v256c0 17.7 14.3 32 32 32s32-14.3 32-32V224z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidShop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M36.8 192h566.3c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2 21.4C549.3 8 534.4 0 518.3 0H121.7c-16 0-31 8-39.9 21.4L6.2 134.7c-4 6.1-6.2 13.2-6.2 20.4C0 175.5 16.5 192 36.8 192M64 224v240c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V224h-64v160H128V224zm448 0v256c0 17.7 14.3 32 32 32s32-14.3 32-32V224z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M36.8 192h566.3c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2 21.4C549.3 8 534.4 0 518.3 0H121.7c-16 0-31 8-39.9 21.4L6.2 134.7c-4 6.1-6.2 13.2-6.2 20.4C0 175.5 16.5 192 36.8 192M64 224v240c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V224h-64v160H128V224zm448 0v256c0 17.7 14.3 32 32 32s32-14.3 32-32V224z"/></svg> </template>
CSS
.icon-shop {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M36.8%20192h566.3c20.3%200%2036.8-16.5%2036.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2%2021.4C549.3%208%20534.4%200%20518.3%200H121.7c-16%200-31%208-39.9%2021.4L6.2%20134.7c-4%206.1-6.2%2013.2-6.2%2020.4C0%20175.5%2016.5%20192%2036.8%20192M64%20224v240c0%2026.5%2021.5%2048%2048%2048h224c26.5%200%2048-21.5%2048-48V224h-64v160H128V224zm448%200v256c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V224z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M36.8%20192h566.3c20.3%200%2036.8-16.5%2036.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2%2021.4C549.3%208%20534.4%200%20518.3%200H121.7c-16%200-31%208-39.9%2021.4L6.2%20134.7c-4%206.1-6.2%2013.2-6.2%2020.4C0%20175.5%2016.5%20192%2036.8%20192M64%20224v240c0%2026.5%2021.5%2048%2048%2048h224c26.5%200%2048-21.5%2048-48V224h-64v160H128V224zm448%200v256c0%2017.7%2014.3%2032%2032%2032s32-14.3%2032-32V224z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/shop.svg?color=%231a73e8&size=48
