cheese icon
cheese-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- cheese-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
cheeseBoxIcons v2cheeseBoxIcons v2 SolidcheeseFont Awesome 6 SolidcheeseFont Awesome Solidcheese-outlineFlowbite IconscheeseHuge IconscheeseIconParkcheeseIconPark OutlinecheeseIconPark SolidcheeseIconPark TwoTonecheeseLine AwesomecheeseLucide LabcheeseMajesticonscheeseMaterial Design IconscheeseTabler IconscheeseTDesign Icons
Use the cheese icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 36a4 4 0 0 0-1.15.17l-160 48A4 4 0 0 0 20 88v24a4 4 0 0 0 4 4h8a20.11 20.11 0 0 1 20 19.61a19.6 19.6 0 0 1-5.72 14.14A20.92 20.92 0 0 1 31.46 156H24a4 4 0 0 0-4 4v32a4 4 0 0 0 4 4h200a12 12 0 0 0 12-12V88a52.06 52.06 0 0 0-52-52m.57 8a44.06 44.06 0 0 1 43.24 40H51.25ZM196 104a28 28 0 1 1-53.29-12h50.58a28 28 0 0 1 2.71 12m-56 84H84v-4a28 28 0 0 1 56 0Zm88-4a4 4 0 0 1-4 4h-76v-4a36 36 0 0 0-72 0v4H28v-24h3.46A29 29 0 0 0 52 155.35a27.52 27.52 0 0 0 8-19.89A28.14 28.14 0 0 0 32 108h-4V92h106.07a36 36 0 1 0 67.86 0H228Z"/></svg>
React
import type { SVGProps } from "react";
export function PhCheeseThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 36a4 4 0 0 0-1.15.17l-160 48A4 4 0 0 0 20 88v24a4 4 0 0 0 4 4h8a20.11 20.11 0 0 1 20 19.61a19.6 19.6 0 0 1-5.72 14.14A20.92 20.92 0 0 1 31.46 156H24a4 4 0 0 0-4 4v32a4 4 0 0 0 4 4h200a12 12 0 0 0 12-12V88a52.06 52.06 0 0 0-52-52m.57 8a44.06 44.06 0 0 1 43.24 40H51.25ZM196 104a28 28 0 1 1-53.29-12h50.58a28 28 0 0 1 2.71 12m-56 84H84v-4a28 28 0 0 1 56 0Zm88-4a4 4 0 0 1-4 4h-76v-4a36 36 0 0 0-72 0v4H28v-24h3.46A29 29 0 0 0 52 155.35a27.52 27.52 0 0 0 8-19.89A28.14 28.14 0 0 0 32 108h-4V92h106.07a36 36 0 1 0 67.86 0H228Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 36a4 4 0 0 0-1.15.17l-160 48A4 4 0 0 0 20 88v24a4 4 0 0 0 4 4h8a20.11 20.11 0 0 1 20 19.61a19.6 19.6 0 0 1-5.72 14.14A20.92 20.92 0 0 1 31.46 156H24a4 4 0 0 0-4 4v32a4 4 0 0 0 4 4h200a12 12 0 0 0 12-12V88a52.06 52.06 0 0 0-52-52m.57 8a44.06 44.06 0 0 1 43.24 40H51.25ZM196 104a28 28 0 1 1-53.29-12h50.58a28 28 0 0 1 2.71 12m-56 84H84v-4a28 28 0 0 1 56 0Zm88-4a4 4 0 0 1-4 4h-76v-4a36 36 0 0 0-72 0v4H28v-24h3.46A29 29 0 0 0 52 155.35a27.52 27.52 0 0 0 8-19.89A28.14 28.14 0 0 0 32 108h-4V92h106.07a36 36 0 1 0 67.86 0H228Z"/></svg> </template>
CSS
.icon-cheese-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M184%2036a4%204%200%200%200-1.15.17l-160%2048A4%204%200%200%200%2020%2088v24a4%204%200%200%200%204%204h8a20.11%2020.11%200%200%201%2020%2019.61a19.6%2019.6%200%200%201-5.72%2014.14A20.92%2020.92%200%200%201%2031.46%20156H24a4%204%200%200%200-4%204v32a4%204%200%200%200%204%204h200a12%2012%200%200%200%2012-12V88a52.06%2052.06%200%200%200-52-52m.57%208a44.06%2044.06%200%200%201%2043.24%2040H51.25ZM196%20104a28%2028%200%201%201-53.29-12h50.58a28%2028%200%200%201%202.71%2012m-56%2084H84v-4a28%2028%200%200%201%2056%200Zm88-4a4%204%200%200%201-4%204h-76v-4a36%2036%200%200%200-72%200v4H28v-24h3.46A29%2029%200%200%200%2052%20155.35a27.52%2027.52%200%200%200%208-19.89A28.14%2028.14%200%200%200%2032%20108h-4V92h106.07a36%2036%200%201%200%2067.86%200H228Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M184%2036a4%204%200%200%200-1.15.17l-160%2048A4%204%200%200%200%2020%2088v24a4%204%200%200%200%204%204h8a20.11%2020.11%200%200%201%2020%2019.61a19.6%2019.6%200%200%201-5.72%2014.14A20.92%2020.92%200%200%201%2031.46%20156H24a4%204%200%200%200-4%204v32a4%204%200%200%200%204%204h200a12%2012%200%200%200%2012-12V88a52.06%2052.06%200%200%200-52-52m.57%208a44.06%2044.06%200%200%201%2043.24%2040H51.25ZM196%20104a28%2028%200%201%201-53.29-12h50.58a28%2028%200%200%201%202.71%2012m-56%2084H84v-4a28%2028%200%200%201%2056%200Zm88-4a4%204%200%200%201-4%204h-76v-4a36%2036%200%200%200-72%200v4H28v-24h3.46A29%2029%200%200%200%2052%20155.35a27.52%2027.52%200%200%200%208-19.89A28.14%2028.14%200%200%200%2032%20108h-4V92h106.07a36%2036%200%201%200%2067.86%200H228Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/cheese-thin.svg?color=%231a73e8&size=48
