24mp icon

24mp-outline-sharp from Material Symbols by Google · Outline Sharp · Images · Apache-2.0 Free for personal and commercial use.

Name: 24mp-outline-sharp
Set: Material Symbols
Style: Outline Sharp
Category: Images
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols

24mp 24mp-outline 24mp-outline-rounded 24mp-rounded 24mp-sharp

The same icon in other sets

24mpMaterial Symbols Light

More images icons from Material Symbols

10mp 11mp 12mp 13mp 14mp 15mp 16mp 17mp 18mp 19mp 20mp 21mp 22mp 23mp 24fps-select 2mp 30fps-select 3mp 4mp 50mp 5mp 60fps-select 6mp 7mp

Use the 24mp icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 11.5H11V10H8V9h3V5.5H6.5V7h3v1h-3zm9.5 0h1.5V10h1V8.5h-1v-3H16v3h-1.5v-3H13V10h3zm-10 7h1.5V14h1v3H10v-3h1v4.5h1.5v-6H6zm7.5 0H15V17h3v-4.5h-4.5zm1.5-3V14h1.5v1.5zM3 21V3h18v18zm2-2h14V5H5zm0 0V5z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbols24mpOutlineSharp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 11.5H11V10H8V9h3V5.5H6.5V7h3v1h-3zm9.5 0h1.5V10h1V8.5h-1v-3H16v3h-1.5v-3H13V10h3zm-10 7h1.5V14h1v3H10v-3h1v4.5h1.5v-6H6zm7.5 0H15V17h3v-4.5h-4.5zm1.5-3V14h1.5v1.5zM3 21V3h18v18zm2-2h14V5H5zm0 0V5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 11.5H11V10H8V9h3V5.5H6.5V7h3v1h-3zm9.5 0h1.5V10h1V8.5h-1v-3H16v3h-1.5v-3H13V10h3zm-10 7h1.5V14h1v3H10v-3h1v4.5h1.5v-6H6zm7.5 0H15V17h3v-4.5h-4.5zm1.5-3V14h1.5v1.5zM3 21V3h18v18zm2-2h14V5H5zm0 0V5z"/></svg>
</template>

CSS

.icon-24mp-outline-sharp {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%2011.5H11V10H8V9h3V5.5H6.5V7h3v1h-3zm9.5%200h1.5V10h1V8.5h-1v-3H16v3h-1.5v-3H13V10h3zm-10%207h1.5V14h1v3H10v-3h1v4.5h1.5v-6H6zm7.5%200H15V17h3v-4.5h-4.5zm1.5-3V14h1.5v1.5zM3%2021V3h18v18zm2-2h14V5H5zm0%200V5z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.5%2011.5H11V10H8V9h3V5.5H6.5V7h3v1h-3zm9.5%200h1.5V10h1V8.5h-1v-3H16v3h-1.5v-3H13V10h3zm-10%207h1.5V14h1v3H10v-3h1v4.5h1.5v-6H6zm7.5%200H15V17h3v-4.5h-4.5zm1.5-3V14h1.5v1.5zM3%2021V3h18v18zm2-2h14V5H5zm0%200V5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/24mp-outline-sharp.svg?color=%231a73e8&size=48