apps icon

apps-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: apps-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

11 other variants in Fluent UI System Icons

apps-16-filled apps-16-regular apps-20-filled apps-20-regular apps-24-filled apps-24-regular apps-28-filled apps-28-regular apps-32-filled apps-32-regular apps-48-filled

The same icon in other sets

appsCarbon apps-16Fluent UI System Color Icons appsIonIcons appsMaterial Symbols appsMaterial Symbols Light appsMaterial Design Icons apps-16Octicons apps-fillRemix Icon appsTabler Icons appsUnicons appsUnicons Monochrome appsUnicons Solid

Related icons in Fluent UI System Icons

apps-add-in-16-filled apps-add-in-off-16-filled apps-bullet-list-20-filled apps-list-20-filled apps-list-detail-20-filled apps-settings-16-filled apps-shield-16-filled

Use the apps icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m32.013 7.013l-6.5 6.5a1.75 1.75 0 0 0 0 2.475l6.5 6.5c.334.334.77.505 1.209.512h.056a1.74 1.74 0 0 0 1.21-.512l6.5-6.5a1.75 1.75 0 0 0 0-2.475l-6.5-6.5a1.75 1.75 0 0 0-2.475 0M28.989 23L25 19.01V23zM25 10.49l5.245-5.245a4.25 4.25 0 0 1 6.01 0l6.5 6.5a4.25 4.25 0 0 1 0 6.01L37.511 23h.239A4.25 4.25 0 0 1 42 27.25v10.5A4.25 4.25 0 0 1 37.75 42h-27.5A4.25 4.25 0 0 1 6 37.75v-27.5A4.25 4.25 0 0 1 10.25 6h10.5A4.25 4.25 0 0 1 25 10.25zm8.206 15.01H25v14h12.75a1.75 1.75 0 0 0 1.75-1.75v-10.5a1.75 1.75 0 0 0-1.75-1.75zM8.5 10.25V23h14V10.25a1.75 1.75 0 0 0-1.75-1.75h-10.5a1.75 1.75 0 0 0-1.75 1.75m0 15.25v12.25c0 .967.784 1.75 1.75 1.75H22.5v-14z"/></svg>

React

import type { SVGProps } from "react";

export function FluentApps48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m32.013 7.013l-6.5 6.5a1.75 1.75 0 0 0 0 2.475l6.5 6.5c.334.334.77.505 1.209.512h.056a1.74 1.74 0 0 0 1.21-.512l6.5-6.5a1.75 1.75 0 0 0 0-2.475l-6.5-6.5a1.75 1.75 0 0 0-2.475 0M28.989 23L25 19.01V23zM25 10.49l5.245-5.245a4.25 4.25 0 0 1 6.01 0l6.5 6.5a4.25 4.25 0 0 1 0 6.01L37.511 23h.239A4.25 4.25 0 0 1 42 27.25v10.5A4.25 4.25 0 0 1 37.75 42h-27.5A4.25 4.25 0 0 1 6 37.75v-27.5A4.25 4.25 0 0 1 10.25 6h10.5A4.25 4.25 0 0 1 25 10.25zm8.206 15.01H25v14h12.75a1.75 1.75 0 0 0 1.75-1.75v-10.5a1.75 1.75 0 0 0-1.75-1.75zM8.5 10.25V23h14V10.25a1.75 1.75 0 0 0-1.75-1.75h-10.5a1.75 1.75 0 0 0-1.75 1.75m0 15.25v12.25c0 .967.784 1.75 1.75 1.75H22.5v-14z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="m32.013 7.013l-6.5 6.5a1.75 1.75 0 0 0 0 2.475l6.5 6.5c.334.334.77.505 1.209.512h.056a1.74 1.74 0 0 0 1.21-.512l6.5-6.5a1.75 1.75 0 0 0 0-2.475l-6.5-6.5a1.75 1.75 0 0 0-2.475 0M28.989 23L25 19.01V23zM25 10.49l5.245-5.245a4.25 4.25 0 0 1 6.01 0l6.5 6.5a4.25 4.25 0 0 1 0 6.01L37.511 23h.239A4.25 4.25 0 0 1 42 27.25v10.5A4.25 4.25 0 0 1 37.75 42h-27.5A4.25 4.25 0 0 1 6 37.75v-27.5A4.25 4.25 0 0 1 10.25 6h10.5A4.25 4.25 0 0 1 25 10.25zm8.206 15.01H25v14h12.75a1.75 1.75 0 0 0 1.75-1.75v-10.5a1.75 1.75 0 0 0-1.75-1.75zM8.5 10.25V23h14V10.25a1.75 1.75 0 0 0-1.75-1.75h-10.5a1.75 1.75 0 0 0-1.75 1.75m0 15.25v12.25c0 .967.784 1.75 1.75 1.75H22.5v-14z"/></svg>
</template>

CSS

.icon-apps-48-regular {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m32.013%207.013l-6.5%206.5a1.75%201.75%200%200%200%200%202.475l6.5%206.5c.334.334.77.505%201.209.512h.056a1.74%201.74%200%200%200%201.21-.512l6.5-6.5a1.75%201.75%200%200%200%200-2.475l-6.5-6.5a1.75%201.75%200%200%200-2.475%200M28.989%2023L25%2019.01V23zM25%2010.49l5.245-5.245a4.25%204.25%200%200%201%206.01%200l6.5%206.5a4.25%204.25%200%200%201%200%206.01L37.511%2023h.239A4.25%204.25%200%200%201%2042%2027.25v10.5A4.25%204.25%200%200%201%2037.75%2042h-27.5A4.25%204.25%200%200%201%206%2037.75v-27.5A4.25%204.25%200%200%201%2010.25%206h10.5A4.25%204.25%200%200%201%2025%2010.25zm8.206%2015.01H25v14h12.75a1.75%201.75%200%200%200%201.75-1.75v-10.5a1.75%201.75%200%200%200-1.75-1.75zM8.5%2010.25V23h14V10.25a1.75%201.75%200%200%200-1.75-1.75h-10.5a1.75%201.75%200%200%200-1.75%201.75m0%2015.25v12.25c0%20.967.784%201.75%201.75%201.75H22.5v-14z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m32.013%207.013l-6.5%206.5a1.75%201.75%200%200%200%200%202.475l6.5%206.5c.334.334.77.505%201.209.512h.056a1.74%201.74%200%200%200%201.21-.512l6.5-6.5a1.75%201.75%200%200%200%200-2.475l-6.5-6.5a1.75%201.75%200%200%200-2.475%200M28.989%2023L25%2019.01V23zM25%2010.49l5.245-5.245a4.25%204.25%200%200%201%206.01%200l6.5%206.5a4.25%204.25%200%200%201%200%206.01L37.511%2023h.239A4.25%204.25%200%200%201%2042%2027.25v10.5A4.25%204.25%200%200%201%2037.75%2042h-27.5A4.25%204.25%200%200%201%206%2037.75v-27.5A4.25%204.25%200%200%201%2010.25%206h10.5A4.25%204.25%200%200%201%2025%2010.25zm8.206%2015.01H25v14h12.75a1.75%201.75%200%200%200%201.75-1.75v-10.5a1.75%201.75%200%200%200-1.75-1.75zM8.5%2010.25V23h14V10.25a1.75%201.75%200%200%200-1.75-1.75h-10.5a1.75%201.75%200%200%200-1.75%201.75m0%2015.25v12.25c0%20.967.784%201.75%201.75%201.75H22.5v-14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/apps-48-regular.svg?color=%231a73e8&size=48