pasta icon
pasta from Material Design Icons by Pictogrammers · Filled · Food / Drink · Apache-2.0 Free for personal and commercial use.
- Name
- pasta
- Set
- Material Design Icons
- Style
- Filled
- Category
- Food / Drink
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- food-italian, spaghetti
More food / drink icons from Material Design Icons
Use the pasta icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 16.5V8H3V7h1V6H3V5h1V4H3V3h6c.5.03.95.24 1.34.63s.61.87.66 1.37h10v1H11c-.05.53-.27 1-.66 1.43S9.5 8.05 9 8H7v7.05c.05 0 .13-.01.24-.05s.2 0 .26 0q.84 0 1.92.42c.41-.92 1.11-1.74 2.11-2.42s2-1 3-1c1.53 0 2.83.53 3.89 1.59S20 15.95 20 17.5v.27c0 .13-.03.2-.03.23H3.14c.13-.5.41-1 .86-1.5m2-1.27V8H5v7.7c.5-.25.81-.4 1-.47M9 7V6H7v1zm0-3H7v1h2zM5 4v1h1V4zm0 2v1h1V6zM2 19h20l-2 2H4z"/></svg>
React
import type { SVGProps } from "react";
export function MdiPasta(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="M4 16.5V8H3V7h1V6H3V5h1V4H3V3h6c.5.03.95.24 1.34.63s.61.87.66 1.37h10v1H11c-.05.53-.27 1-.66 1.43S9.5 8.05 9 8H7v7.05c.05 0 .13-.01.24-.05s.2 0 .26 0q.84 0 1.92.42c.41-.92 1.11-1.74 2.11-2.42s2-1 3-1c1.53 0 2.83.53 3.89 1.59S20 15.95 20 17.5v.27c0 .13-.03.2-.03.23H3.14c.13-.5.41-1 .86-1.5m2-1.27V8H5v7.7c.5-.25.81-.4 1-.47M9 7V6H7v1zm0-3H7v1h2zM5 4v1h1V4zm0 2v1h1V6zM2 19h20l-2 2H4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 16.5V8H3V7h1V6H3V5h1V4H3V3h6c.5.03.95.24 1.34.63s.61.87.66 1.37h10v1H11c-.05.53-.27 1-.66 1.43S9.5 8.05 9 8H7v7.05c.05 0 .13-.01.24-.05s.2 0 .26 0q.84 0 1.92.42c.41-.92 1.11-1.74 2.11-2.42s2-1 3-1c1.53 0 2.83.53 3.89 1.59S20 15.95 20 17.5v.27c0 .13-.03.2-.03.23H3.14c.13-.5.41-1 .86-1.5m2-1.27V8H5v7.7c.5-.25.81-.4 1-.47M9 7V6H7v1zm0-3H7v1h2zM5 4v1h1V4zm0 2v1h1V6zM2 19h20l-2 2H4z"/></svg> </template>
CSS
.icon-pasta {
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%22M4%2016.5V8H3V7h1V6H3V5h1V4H3V3h6c.5.03.95.24%201.34.63s.61.87.66%201.37h10v1H11c-.05.53-.27%201-.66%201.43S9.5%208.05%209%208H7v7.05c.05%200%20.13-.01.24-.05s.2%200%20.26%200q.84%200%201.92.42c.41-.92%201.11-1.74%202.11-2.42s2-1%203-1c1.53%200%202.83.53%203.89%201.59S20%2015.95%2020%2017.5v.27c0%20.13-.03.2-.03.23H3.14c.13-.5.41-1%20.86-1.5m2-1.27V8H5v7.7c.5-.25.81-.4%201-.47M9%207V6H7v1zm0-3H7v1h2zM5%204v1h1V4zm0%202v1h1V6zM2%2019h20l-2%202H4z%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%22M4%2016.5V8H3V7h1V6H3V5h1V4H3V3h6c.5.03.95.24%201.34.63s.61.87.66%201.37h10v1H11c-.05.53-.27%201-.66%201.43S9.5%208.05%209%208H7v7.05c.05%200%20.13-.01.24-.05s.2%200%20.26%200q.84%200%201.92.42c.41-.92%201.11-1.74%202.11-2.42s2-1%203-1c1.53%200%202.83.53%203.89%201.59S20%2015.95%2020%2017.5v.27c0%20.13-.03.2-.03.23H3.14c.13-.5.41-1%20.86-1.5m2-1.27V8H5v7.7c.5-.25.81-.4%201-.47M9%207V6H7v1zm0-3H7v1h2zM5%204v1h1V4zm0%202v1h1V6zM2%2019h20l-2%202H4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/pasta.svg?color=%231a73e8&size=48
