manufacturer icon

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

Name: manufacturer-24-regular
Set: Fluent UI System Icons
Style: 24 Regular
Viewbox: 24×24
License: MIT

1 other variant in Fluent UI System Icons

manufacturer-24-filled

Use the manufacturer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M2.924 4.129A2.25 2.25 0 0 1 5.171 2H6.33a2.25 2.25 0 0 1 2.247 2.129l.838 15.5A2.25 2.25 0 0 1 7.167 22H4.333a2.25 2.25 0 0 1-2.246-2.371l.837-15.5zM5.171 3.5a.75.75 0 0 0-.749.71l-.838 15.5a.75.75 0 0 0 .75.79h2.833a.75.75 0 0 0 .749-.79l-.838-15.5a.75.75 0 0 0-.75-.71H5.172z" fill="currentColor"/><path d="M9.512 22H19.75A2.25 2.25 0 0 0 22 19.75V6a.75.75 0 0 0-1.27-.541l-4.98 4.781V6a.75.75 0 0 0-1.228-.578L9.856 9.284l.1 1.864l4.294-3.554V12a.75.75 0 0 0 1.27.541L20.5 7.76v11.99a.75.75 0 0 1-.75.75h-1V16A1.75 1.75 0 0 0 17 14.25h-4A1.75 1.75 0 0 0 11.25 16v4.5h-.92a3.248 3.248 0 0 1-.818 1.5zm7.738-6v4.25h-4.5V16a.25.25 0 0 1 .25-.25h4a.25.25 0 0 1 .25.25z" fill="currentColor"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentManufacturer24Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M2.924 4.129A2.25 2.25 0 0 1 5.171 2H6.33a2.25 2.25 0 0 1 2.247 2.129l.838 15.5A2.25 2.25 0 0 1 7.167 22H4.333a2.25 2.25 0 0 1-2.246-2.371l.837-15.5zM5.171 3.5a.75.75 0 0 0-.749.71l-.838 15.5a.75.75 0 0 0 .75.79h2.833a.75.75 0 0 0 .749-.79l-.838-15.5a.75.75 0 0 0-.75-.71H5.172z" fill="currentColor"/><path d="M9.512 22H19.75A2.25 2.25 0 0 0 22 19.75V6a.75.75 0 0 0-1.27-.541l-4.98 4.781V6a.75.75 0 0 0-1.228-.578L9.856 9.284l.1 1.864l4.294-3.554V12a.75.75 0 0 0 1.27.541L20.5 7.76v11.99a.75.75 0 0 1-.75.75h-1V16A1.75 1.75 0 0 0 17 14.25h-4A1.75 1.75 0 0 0 11.25 16v4.5h-.92a3.248 3.248 0 0 1-.818 1.5zm7.738-6v4.25h-4.5V16a.25.25 0 0 1 .25-.25h4a.25.25 0 0 1 .25.25z" fill="currentColor"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path d="M2.924 4.129A2.25 2.25 0 0 1 5.171 2H6.33a2.25 2.25 0 0 1 2.247 2.129l.838 15.5A2.25 2.25 0 0 1 7.167 22H4.333a2.25 2.25 0 0 1-2.246-2.371l.837-15.5zM5.171 3.5a.75.75 0 0 0-.749.71l-.838 15.5a.75.75 0 0 0 .75.79h2.833a.75.75 0 0 0 .749-.79l-.838-15.5a.75.75 0 0 0-.75-.71H5.172z" fill="currentColor"/><path d="M9.512 22H19.75A2.25 2.25 0 0 0 22 19.75V6a.75.75 0 0 0-1.27-.541l-4.98 4.781V6a.75.75 0 0 0-1.228-.578L9.856 9.284l.1 1.864l4.294-3.554V12a.75.75 0 0 0 1.27.541L20.5 7.76v11.99a.75.75 0 0 1-.75.75h-1V16A1.75 1.75 0 0 0 17 14.25h-4A1.75 1.75 0 0 0 11.25 16v4.5h-.92a3.248 3.248 0 0 1-.818 1.5zm7.738-6v4.25h-4.5V16a.25.25 0 0 1 .25-.25h4a.25.25 0 0 1 .25.25z" fill="currentColor"/></g></svg>
</template>

CSS

.icon-manufacturer-24-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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.924%204.129A2.25%202.25%200%200%201%205.171%202H6.33a2.25%202.25%200%200%201%202.247%202.129l.838%2015.5A2.25%202.25%200%200%201%207.167%2022H4.333a2.25%202.25%200%200%201-2.246-2.371l.837-15.5zM5.171%203.5a.75.75%200%200%200-.749.71l-.838%2015.5a.75.75%200%200%200%20.75.79h2.833a.75.75%200%200%200%20.749-.79l-.838-15.5a.75.75%200%200%200-.75-.71H5.172z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M9.512%2022H19.75A2.25%202.25%200%200%200%2022%2019.75V6a.75.75%200%200%200-1.27-.541l-4.98%204.781V6a.75.75%200%200%200-1.228-.578L9.856%209.284l.1%201.864l4.294-3.554V12a.75.75%200%200%200%201.27.541L20.5%207.76v11.99a.75.75%200%200%201-.75.75h-1V16A1.75%201.75%200%200%200%2017%2014.25h-4A1.75%201.75%200%200%200%2011.25%2016v4.5h-.92a3.248%203.248%200%200%201-.818%201.5zm7.738-6v4.25h-4.5V16a.25.25%200%200%201%20.25-.25h4a.25.25%200%200%201%20.25.25z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M2.924%204.129A2.25%202.25%200%200%201%205.171%202H6.33a2.25%202.25%200%200%201%202.247%202.129l.838%2015.5A2.25%202.25%200%200%201%207.167%2022H4.333a2.25%202.25%200%200%201-2.246-2.371l.837-15.5zM5.171%203.5a.75.75%200%200%200-.749.71l-.838%2015.5a.75.75%200%200%200%20.75.79h2.833a.75.75%200%200%200%20.749-.79l-.838-15.5a.75.75%200%200%200-.75-.71H5.172z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M9.512%2022H19.75A2.25%202.25%200%200%200%2022%2019.75V6a.75.75%200%200%200-1.27-.541l-4.98%204.781V6a.75.75%200%200%200-1.228-.578L9.856%209.284l.1%201.864l4.294-3.554V12a.75.75%200%200%200%201.27.541L20.5%207.76v11.99a.75.75%200%200%201-.75.75h-1V16A1.75%201.75%200%200%200%2017%2014.25h-4A1.75%201.75%200%200%200%2011.25%2016v4.5h-.92a3.248%203.248%200%200%201-.818%201.5zm7.738-6v4.25h-4.5V16a.25.25%200%200%201%20.25-.25h4a.25.25%200%200%201%20.25.25z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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