material request icon
material-request from Carbon by IBM · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- material-request
- Set
- Carbon
- Style
- Outline
- Category
- Actions
- Viewbox
- 32×32
- License
- Apache 2.0
More actions icons from Carbon
activity-taskadapter-notificationaddadd-altadd-commentadd-largealign-box-bottom-centeralign-box-bottom-leftalign-box-bottom-rightalign-box-middle-centeralign-box-middle-leftalign-box-middle-rightalign-box-top-centeralign-box-top-leftalign-box-top-rightalign-horizontal-centeralign-horizontal-leftalign-horizontal-rightalign-vertical-bottomalign-vertical-centeralign-vertical-topappsareaarea-custom
Use the material request icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 19.102c0 .833-.324 1.614-.914 2.201l-7.277 7.25A4.93 4.93 0 0 1 18.306 30H11v-2h7.306a2.94 2.94 0 0 0 2.09-.865l7.279-7.25c.21-.208.325-.487.325-.783a1.102 1.102 0 0 0-1.88-.783l-5.882 5.86c-.517.513-1.353.82-2.238.82h-.992l-.01.001H13l-.002-2h4.007a1 1 0 0 0-.007-2h-7c-1.654 0-3 1.346-3 3v1.334L3.6 29.86L2 28.658l2.998-3.992V24c0-2.757 2.243-5 5-5h7a2.994 2.994 0 0 1 2.963 2.631l4.747-4.73a3.11 3.11 0 0 1 4.38 0A3.1 3.1 0 0 1 30 19.103Zm-.133-8.622a1 1 0 0 1-.867.502h-7a1 1 0 0 1-.864-1.504l3.5-6c.36-.614 1.369-.614 1.728 0l3.5 6a1 1 0 0 1 .003 1.002M27.26 8.982L25.5 5.967l-1.759 3.015zM9 2v7H2V2zM7 4H4v3h3zm12 9c0 2.206-1.794 4-4 4s-4-1.794-4-4s1.794-4 4-4s4 1.794 4 4m-2 0c0-1.102-.897-2-2-2s-2 .898-2 2s.898 2 2 2s2-.897 2-2"/></svg>
React
import type { SVGProps } from "react";
export function CarbonMaterialRequest(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 19.102c0 .833-.324 1.614-.914 2.201l-7.277 7.25A4.93 4.93 0 0 1 18.306 30H11v-2h7.306a2.94 2.94 0 0 0 2.09-.865l7.279-7.25c.21-.208.325-.487.325-.783a1.102 1.102 0 0 0-1.88-.783l-5.882 5.86c-.517.513-1.353.82-2.238.82h-.992l-.01.001H13l-.002-2h4.007a1 1 0 0 0-.007-2h-7c-1.654 0-3 1.346-3 3v1.334L3.6 29.86L2 28.658l2.998-3.992V24c0-2.757 2.243-5 5-5h7a2.994 2.994 0 0 1 2.963 2.631l4.747-4.73a3.11 3.11 0 0 1 4.38 0A3.1 3.1 0 0 1 30 19.103Zm-.133-8.622a1 1 0 0 1-.867.502h-7a1 1 0 0 1-.864-1.504l3.5-6c.36-.614 1.369-.614 1.728 0l3.5 6a1 1 0 0 1 .003 1.002M27.26 8.982L25.5 5.967l-1.759 3.015zM9 2v7H2V2zM7 4H4v3h3zm12 9c0 2.206-1.794 4-4 4s-4-1.794-4-4s1.794-4 4-4s4 1.794 4 4m-2 0c0-1.102-.897-2-2-2s-2 .898-2 2s.898 2 2 2s2-.897 2-2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M30 19.102c0 .833-.324 1.614-.914 2.201l-7.277 7.25A4.93 4.93 0 0 1 18.306 30H11v-2h7.306a2.94 2.94 0 0 0 2.09-.865l7.279-7.25c.21-.208.325-.487.325-.783a1.102 1.102 0 0 0-1.88-.783l-5.882 5.86c-.517.513-1.353.82-2.238.82h-.992l-.01.001H13l-.002-2h4.007a1 1 0 0 0-.007-2h-7c-1.654 0-3 1.346-3 3v1.334L3.6 29.86L2 28.658l2.998-3.992V24c0-2.757 2.243-5 5-5h7a2.994 2.994 0 0 1 2.963 2.631l4.747-4.73a3.11 3.11 0 0 1 4.38 0A3.1 3.1 0 0 1 30 19.103Zm-.133-8.622a1 1 0 0 1-.867.502h-7a1 1 0 0 1-.864-1.504l3.5-6c.36-.614 1.369-.614 1.728 0l3.5 6a1 1 0 0 1 .003 1.002M27.26 8.982L25.5 5.967l-1.759 3.015zM9 2v7H2V2zM7 4H4v3h3zm12 9c0 2.206-1.794 4-4 4s-4-1.794-4-4s1.794-4 4-4s4 1.794 4 4m-2 0c0-1.102-.897-2-2-2s-2 .898-2 2s.898 2 2 2s2-.897 2-2"/></svg> </template>
CSS
.icon-material-request {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2019.102c0%20.833-.324%201.614-.914%202.201l-7.277%207.25A4.93%204.93%200%200%201%2018.306%2030H11v-2h7.306a2.94%202.94%200%200%200%202.09-.865l7.279-7.25c.21-.208.325-.487.325-.783a1.102%201.102%200%200%200-1.88-.783l-5.882%205.86c-.517.513-1.353.82-2.238.82h-.992l-.01.001H13l-.002-2h4.007a1%201%200%200%200-.007-2h-7c-1.654%200-3%201.346-3%203v1.334L3.6%2029.86L2%2028.658l2.998-3.992V24c0-2.757%202.243-5%205-5h7a2.994%202.994%200%200%201%202.963%202.631l4.747-4.73a3.11%203.11%200%200%201%204.38%200A3.1%203.1%200%200%201%2030%2019.103Zm-.133-8.622a1%201%200%200%201-.867.502h-7a1%201%200%200%201-.864-1.504l3.5-6c.36-.614%201.369-.614%201.728%200l3.5%206a1%201%200%200%201%20.003%201.002M27.26%208.982L25.5%205.967l-1.759%203.015zM9%202v7H2V2zM7%204H4v3h3zm12%209c0%202.206-1.794%204-4%204s-4-1.794-4-4s1.794-4%204-4s4%201.794%204%204m-2%200c0-1.102-.897-2-2-2s-2%20.898-2%202s.898%202%202%202s2-.897%202-2%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M30%2019.102c0%20.833-.324%201.614-.914%202.201l-7.277%207.25A4.93%204.93%200%200%201%2018.306%2030H11v-2h7.306a2.94%202.94%200%200%200%202.09-.865l7.279-7.25c.21-.208.325-.487.325-.783a1.102%201.102%200%200%200-1.88-.783l-5.882%205.86c-.517.513-1.353.82-2.238.82h-.992l-.01.001H13l-.002-2h4.007a1%201%200%200%200-.007-2h-7c-1.654%200-3%201.346-3%203v1.334L3.6%2029.86L2%2028.658l2.998-3.992V24c0-2.757%202.243-5%205-5h7a2.994%202.994%200%200%201%202.963%202.631l4.747-4.73a3.11%203.11%200%200%201%204.38%200A3.1%203.1%200%200%201%2030%2019.103Zm-.133-8.622a1%201%200%200%201-.867.502h-7a1%201%200%200%201-.864-1.504l3.5-6c.36-.614%201.369-.614%201.728%200l3.5%206a1%201%200%200%201%20.003%201.002M27.26%208.982L25.5%205.967l-1.759%203.015zM9%202v7H2V2zM7%204H4v3h3zm12%209c0%202.206-1.794%204-4%204s-4-1.794-4-4s1.794-4%204-4s4%201.794%204%204m-2%200c0-1.102-.897-2-2-2s-2%20.898-2%202s.898%202%202%202s2-.897%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/material-request.svg?color=%231a73e8&size=48
