barbecue icon
barbecue-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- barbecue-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
Use the barbecue icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.316 2.796a2.717 2.717 0 0 1 3.842 0l1.316 1.316l1.619-1.619l1.414 1.414l-1.619 1.619l1.316 1.316a2.717 2.717 0 0 1 0 3.842l-1.214 1.214c-.46.46-1.045.72-1.645.782a2.7 2.7 0 0 1-.782 1.646l-1.214 1.213c-.46.46-1.045.722-1.646.782a2.7 2.7 0 0 1-.782 1.646l-1.214 1.214a2.717 2.717 0 0 1-3.842 0L7.55 17.865l-1.618 1.619l-.708-.708a.717.717 0 1 0-.267 1.183l.943-.332l.665 1.887l-.944.332a2.717 2.717 0 1 1 .176-5.056l.339-.34l-1.316-1.315a2.717 2.717 0 0 1 0-3.842l1.214-1.214a2.7 2.7 0 0 1 1.646-.782c.06-.6.321-1.185.781-1.646l1.214-1.214a2.7 2.7 0 0 1 1.646-.781a2.7 2.7 0 0 1 .782-1.646zm.2 3.641l4.047 4.047c.28.28.733.28 1.013 0L19.79 9.27a.717.717 0 0 0 0-1.014L18.474 6.94l-.974.974L16.086 6.5l.974-.974l-1.316-1.316a.717.717 0 0 0-1.014 0l-1.214 1.214a.717.717 0 0 0 0 1.013m-1.01 9.103L8.46 11.493a.717.717 0 0 0-1.013 0l-1.214 1.214a.717.717 0 0 0 0 1.014l4.046 4.046c.28.28.734.28 1.014 0l1.214-1.214a.717.717 0 0 0 0-1.014"/></svg>
React
import type { SVGProps } from "react";
export function TdesignBarbecueFilled(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="M13.316 2.796a2.717 2.717 0 0 1 3.842 0l1.316 1.316l1.619-1.619l1.414 1.414l-1.619 1.619l1.316 1.316a2.717 2.717 0 0 1 0 3.842l-1.214 1.214c-.46.46-1.045.72-1.645.782a2.7 2.7 0 0 1-.782 1.646l-1.214 1.213c-.46.46-1.045.722-1.646.782a2.7 2.7 0 0 1-.782 1.646l-1.214 1.214a2.717 2.717 0 0 1-3.842 0L7.55 17.865l-1.618 1.619l-.708-.708a.717.717 0 1 0-.267 1.183l.943-.332l.665 1.887l-.944.332a2.717 2.717 0 1 1 .176-5.056l.339-.34l-1.316-1.315a2.717 2.717 0 0 1 0-3.842l1.214-1.214a2.7 2.7 0 0 1 1.646-.782c.06-.6.321-1.185.781-1.646l1.214-1.214a2.7 2.7 0 0 1 1.646-.781a2.7 2.7 0 0 1 .782-1.646zm.2 3.641l4.047 4.047c.28.28.733.28 1.013 0L19.79 9.27a.717.717 0 0 0 0-1.014L18.474 6.94l-.974.974L16.086 6.5l.974-.974l-1.316-1.316a.717.717 0 0 0-1.014 0l-1.214 1.214a.717.717 0 0 0 0 1.013m-1.01 9.103L8.46 11.493a.717.717 0 0 0-1.013 0l-1.214 1.214a.717.717 0 0 0 0 1.014l4.046 4.046c.28.28.734.28 1.014 0l1.214-1.214a.717.717 0 0 0 0-1.014"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.316 2.796a2.717 2.717 0 0 1 3.842 0l1.316 1.316l1.619-1.619l1.414 1.414l-1.619 1.619l1.316 1.316a2.717 2.717 0 0 1 0 3.842l-1.214 1.214c-.46.46-1.045.72-1.645.782a2.7 2.7 0 0 1-.782 1.646l-1.214 1.213c-.46.46-1.045.722-1.646.782a2.7 2.7 0 0 1-.782 1.646l-1.214 1.214a2.717 2.717 0 0 1-3.842 0L7.55 17.865l-1.618 1.619l-.708-.708a.717.717 0 1 0-.267 1.183l.943-.332l.665 1.887l-.944.332a2.717 2.717 0 1 1 .176-5.056l.339-.34l-1.316-1.315a2.717 2.717 0 0 1 0-3.842l1.214-1.214a2.7 2.7 0 0 1 1.646-.782c.06-.6.321-1.185.781-1.646l1.214-1.214a2.7 2.7 0 0 1 1.646-.781a2.7 2.7 0 0 1 .782-1.646zm.2 3.641l4.047 4.047c.28.28.733.28 1.013 0L19.79 9.27a.717.717 0 0 0 0-1.014L18.474 6.94l-.974.974L16.086 6.5l.974-.974l-1.316-1.316a.717.717 0 0 0-1.014 0l-1.214 1.214a.717.717 0 0 0 0 1.013m-1.01 9.103L8.46 11.493a.717.717 0 0 0-1.013 0l-1.214 1.214a.717.717 0 0 0 0 1.014l4.046 4.046c.28.28.734.28 1.014 0l1.214-1.214a.717.717 0 0 0 0-1.014"/></svg> </template>
CSS
.icon-barbecue-filled {
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%22M13.316%202.796a2.717%202.717%200%200%201%203.842%200l1.316%201.316l1.619-1.619l1.414%201.414l-1.619%201.619l1.316%201.316a2.717%202.717%200%200%201%200%203.842l-1.214%201.214c-.46.46-1.045.72-1.645.782a2.7%202.7%200%200%201-.782%201.646l-1.214%201.213c-.46.46-1.045.722-1.646.782a2.7%202.7%200%200%201-.782%201.646l-1.214%201.214a2.717%202.717%200%200%201-3.842%200L7.55%2017.865l-1.618%201.619l-.708-.708a.717.717%200%201%200-.267%201.183l.943-.332l.665%201.887l-.944.332a2.717%202.717%200%201%201%20.176-5.056l.339-.34l-1.316-1.315a2.717%202.717%200%200%201%200-3.842l1.214-1.214a2.7%202.7%200%200%201%201.646-.782c.06-.6.321-1.185.781-1.646l1.214-1.214a2.7%202.7%200%200%201%201.646-.781a2.7%202.7%200%200%201%20.782-1.646zm.2%203.641l4.047%204.047c.28.28.733.28%201.013%200L19.79%209.27a.717.717%200%200%200%200-1.014L18.474%206.94l-.974.974L16.086%206.5l.974-.974l-1.316-1.316a.717.717%200%200%200-1.014%200l-1.214%201.214a.717.717%200%200%200%200%201.013m-1.01%209.103L8.46%2011.493a.717.717%200%200%200-1.013%200l-1.214%201.214a.717.717%200%200%200%200%201.014l4.046%204.046c.28.28.734.28%201.014%200l1.214-1.214a.717.717%200%200%200%200-1.014%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%22M13.316%202.796a2.717%202.717%200%200%201%203.842%200l1.316%201.316l1.619-1.619l1.414%201.414l-1.619%201.619l1.316%201.316a2.717%202.717%200%200%201%200%203.842l-1.214%201.214c-.46.46-1.045.72-1.645.782a2.7%202.7%200%200%201-.782%201.646l-1.214%201.213c-.46.46-1.045.722-1.646.782a2.7%202.7%200%200%201-.782%201.646l-1.214%201.214a2.717%202.717%200%200%201-3.842%200L7.55%2017.865l-1.618%201.619l-.708-.708a.717.717%200%201%200-.267%201.183l.943-.332l.665%201.887l-.944.332a2.717%202.717%200%201%201%20.176-5.056l.339-.34l-1.316-1.315a2.717%202.717%200%200%201%200-3.842l1.214-1.214a2.7%202.7%200%200%201%201.646-.782c.06-.6.321-1.185.781-1.646l1.214-1.214a2.7%202.7%200%200%201%201.646-.781a2.7%202.7%200%200%201%20.782-1.646zm.2%203.641l4.047%204.047c.28.28.733.28%201.013%200L19.79%209.27a.717.717%200%200%200%200-1.014L18.474%206.94l-.974.974L16.086%206.5l.974-.974l-1.316-1.316a.717.717%200%200%200-1.014%200l-1.214%201.214a.717.717%200%200%200%200%201.013m-1.01%209.103L8.46%2011.493a.717.717%200%200%200-1.013%200l-1.214%201.214a.717.717%200%200%200%200%201.014l4.046%204.046c.28.28.734.28%201.014%200l1.214-1.214a.717.717%200%200%200%200-1.014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/barbecue-filled.svg?color=%231a73e8&size=48
