fork knife icon
fork-knife-filled from Reicon by REICON · Filled · Food · MIT Free for personal and commercial use.
- Name
- fork-knife-filled
- Set
- Reicon
- Style
- Filled
- Category
- Food
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All fork knife icons →More food icons from Reicon
Use the fork knife icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.724 2.581a.75.75 0 0 0-.948-1.162l-3.46 2.82q-.127.103-.246.214a4.584 4.584 0 0 0-.588 6.004L1.47 21.469a.75.75 0 0 0 1.06 1.061l11.013-11.012a4.584 4.584 0 0 0 6.218-.833l2.82-3.461a.75.75 0 0 0-1.162-.948L18.788 9.4a.515.515 0 1 1-.759-.695l2.558-2.564a.75.75 0 1 0-1.063-1.06L16.91 7.706a.428.428 0 0 1-.607-.605l2.618-2.625a.75.75 0 1 0-1.063-1.06l-2.55 2.559a.52.52 0 1 1-.703-.765z"/><path d="M1.25 3.761c0-1.318 1.594-1.978 2.526-1.046L10.53 9.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.75.75 0 0 1-1.06 0l-.796-.796A13.4 13.4 0 0 1 1.25 3.761m12.22 9.709a.75.75 0 0 1 1.06 0l8 8a.75.75 0 0 1-1.06 1.06L15 16.06l-2.263 2.263a1.75 1.75 0 0 1-2.474 0l-.293-.293a.75.75 0 0 1 0-1.06z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconForkKnifeFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.724 2.581a.75.75 0 0 0-.948-1.162l-3.46 2.82q-.127.103-.246.214a4.584 4.584 0 0 0-.588 6.004L1.47 21.469a.75.75 0 0 0 1.06 1.061l11.013-11.012a4.584 4.584 0 0 0 6.218-.833l2.82-3.461a.75.75 0 0 0-1.162-.948L18.788 9.4a.515.515 0 1 1-.759-.695l2.558-2.564a.75.75 0 1 0-1.063-1.06L16.91 7.706a.428.428 0 0 1-.607-.605l2.618-2.625a.75.75 0 1 0-1.063-1.06l-2.55 2.559a.52.52 0 1 1-.703-.765z"/><path d="M1.25 3.761c0-1.318 1.594-1.978 2.526-1.046L10.53 9.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.75.75 0 0 1-1.06 0l-.796-.796A13.4 13.4 0 0 1 1.25 3.761m12.22 9.709a.75.75 0 0 1 1.06 0l8 8a.75.75 0 0 1-1.06 1.06L15 16.06l-2.263 2.263a1.75 1.75 0 0 1-2.474 0l-.293-.293a.75.75 0 0 1 0-1.06z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.724 2.581a.75.75 0 0 0-.948-1.162l-3.46 2.82q-.127.103-.246.214a4.584 4.584 0 0 0-.588 6.004L1.47 21.469a.75.75 0 0 0 1.06 1.061l11.013-11.012a4.584 4.584 0 0 0 6.218-.833l2.82-3.461a.75.75 0 0 0-1.162-.948L18.788 9.4a.515.515 0 1 1-.759-.695l2.558-2.564a.75.75 0 1 0-1.063-1.06L16.91 7.706a.428.428 0 0 1-.607-.605l2.618-2.625a.75.75 0 1 0-1.063-1.06l-2.55 2.559a.52.52 0 1 1-.703-.765z"/><path d="M1.25 3.761c0-1.318 1.594-1.978 2.526-1.046L10.53 9.47a.75.75 0 0 1 0 1.06l-3.5 3.5a.75.75 0 0 1-1.06 0l-.796-.796A13.4 13.4 0 0 1 1.25 3.761m12.22 9.709a.75.75 0 0 1 1.06 0l8 8a.75.75 0 0 1-1.06 1.06L15 16.06l-2.263 2.263a1.75 1.75 0 0 1-2.474 0l-.293-.293a.75.75 0 0 1 0-1.06z"/></g></svg> </template>
CSS
.icon-fork-knife-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M17.724%202.581a.75.75%200%200%200-.948-1.162l-3.46%202.82q-.127.103-.246.214a4.584%204.584%200%200%200-.588%206.004L1.47%2021.469a.75.75%200%200%200%201.06%201.061l11.013-11.012a4.584%204.584%200%200%200%206.218-.833l2.82-3.461a.75.75%200%200%200-1.162-.948L18.788%209.4a.515.515%200%201%201-.759-.695l2.558-2.564a.75.75%200%201%200-1.063-1.06L16.91%207.706a.428.428%200%200%201-.607-.605l2.618-2.625a.75.75%200%201%200-1.063-1.06l-2.55%202.559a.52.52%200%201%201-.703-.765z%22%2F%3E%3Cpath%20d%3D%22M1.25%203.761c0-1.318%201.594-1.978%202.526-1.046L10.53%209.47a.75.75%200%200%201%200%201.06l-3.5%203.5a.75.75%200%200%201-1.06%200l-.796-.796A13.4%2013.4%200%200%201%201.25%203.761m12.22%209.709a.75.75%200%200%201%201.06%200l8%208a.75.75%200%200%201-1.06%201.06L15%2016.06l-2.263%202.263a1.75%201.75%200%200%201-2.474%200l-.293-.293a.75.75%200%200%201%200-1.06z%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%22currentColor%22%3E%3Cpath%20d%3D%22M17.724%202.581a.75.75%200%200%200-.948-1.162l-3.46%202.82q-.127.103-.246.214a4.584%204.584%200%200%200-.588%206.004L1.47%2021.469a.75.75%200%200%200%201.06%201.061l11.013-11.012a4.584%204.584%200%200%200%206.218-.833l2.82-3.461a.75.75%200%200%200-1.162-.948L18.788%209.4a.515.515%200%201%201-.759-.695l2.558-2.564a.75.75%200%201%200-1.063-1.06L16.91%207.706a.428.428%200%200%201-.607-.605l2.618-2.625a.75.75%200%201%200-1.063-1.06l-2.55%202.559a.52.52%200%201%201-.703-.765z%22%2F%3E%3Cpath%20d%3D%22M1.25%203.761c0-1.318%201.594-1.978%202.526-1.046L10.53%209.47a.75.75%200%200%201%200%201.06l-3.5%203.5a.75.75%200%200%201-1.06%200l-.796-.796A13.4%2013.4%200%200%201%201.25%203.761m12.22%209.709a.75.75%200%200%201%201.06%200l8%208a.75.75%200%200%201-1.06%201.06L15%2016.06l-2.263%202.263a1.75%201.75%200%200%201-2.474%200l-.293-.293a.75.75%200%200%201%200-1.06z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/fork-knife-filled.svg?color=%231a73e8&size=48
