fork spoon icon
fork-spoon from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.
- Name
- fork-spoon
- Set
- Element Plus
- Style
- Outline
- Viewbox
- 1024×1024
- License
- MIT
The same icon in other sets
Use the fork spoon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 410.3V96a32 32 0 0 1 64 0v314.3a96 96 0 0 0 64-90.6V96a32 32 0 0 1 64 0v223.7a160 160 0 0 1-128 156.8V928a32 32 0 1 1-64 0V476.5a160 160 0 0 1-128-156.8V96a32 32 0 0 1 64 0v223.7a96 96 0 0 0 64 90.6m416 162.2C581.2 552 512 446.8 512 320c0-141.4 86-256 192-256s192 114.6 192 256c0 126.8-69.2 232.1-160 252.5V928a32 32 0 1 1-64 0zm32-60.5c66 0 128-82.6 128-192s-62-192-128-192s-128 82.6-128 192s62 192 128 192"/></svg>
React
import type { SVGProps } from "react";
export function EpForkSpoon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 410.3V96a32 32 0 0 1 64 0v314.3a96 96 0 0 0 64-90.6V96a32 32 0 0 1 64 0v223.7a160 160 0 0 1-128 156.8V928a32 32 0 1 1-64 0V476.5a160 160 0 0 1-128-156.8V96a32 32 0 0 1 64 0v223.7a96 96 0 0 0 64 90.6m416 162.2C581.2 552 512 446.8 512 320c0-141.4 86-256 192-256s192 114.6 192 256c0 126.8-69.2 232.1-160 252.5V928a32 32 0 1 1-64 0zm32-60.5c66 0 128-82.6 128-192s-62-192-128-192s-128 82.6-128 192s62 192 128 192"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M256 410.3V96a32 32 0 0 1 64 0v314.3a96 96 0 0 0 64-90.6V96a32 32 0 0 1 64 0v223.7a160 160 0 0 1-128 156.8V928a32 32 0 1 1-64 0V476.5a160 160 0 0 1-128-156.8V96a32 32 0 0 1 64 0v223.7a96 96 0 0 0 64 90.6m416 162.2C581.2 552 512 446.8 512 320c0-141.4 86-256 192-256s192 114.6 192 256c0 126.8-69.2 232.1-160 252.5V928a32 32 0 1 1-64 0zm32-60.5c66 0 128-82.6 128-192s-62-192-128-192s-128 82.6-128 192s62 192 128 192"/></svg> </template>
CSS
.icon-fork-spoon {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20410.3V96a32%2032%200%200%201%2064%200v314.3a96%2096%200%200%200%2064-90.6V96a32%2032%200%200%201%2064%200v223.7a160%20160%200%200%201-128%20156.8V928a32%2032%200%201%201-64%200V476.5a160%20160%200%200%201-128-156.8V96a32%2032%200%200%201%2064%200v223.7a96%2096%200%200%200%2064%2090.6m416%20162.2C581.2%20552%20512%20446.8%20512%20320c0-141.4%2086-256%20192-256s192%20114.6%20192%20256c0%20126.8-69.2%20232.1-160%20252.5V928a32%2032%200%201%201-64%200zm32-60.5c66%200%20128-82.6%20128-192s-62-192-128-192s-128%2082.6-128%20192s62%20192%20128%20192%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%20410.3V96a32%2032%200%200%201%2064%200v314.3a96%2096%200%200%200%2064-90.6V96a32%2032%200%200%201%2064%200v223.7a160%20160%200%200%201-128%20156.8V928a32%2032%200%201%201-64%200V476.5a160%20160%200%200%201-128-156.8V96a32%2032%200%200%201%2064%200v223.7a96%2096%200%200%200%2064%2090.6m416%20162.2C581.2%20552%20512%20446.8%20512%20320c0-141.4%2086-256%20192-256s192%20114.6%20192%20256c0%20126.8-69.2%20232.1-160%20252.5V928a32%2032%200%201%201-64%200zm32-60.5c66%200%20128-82.6%20128-192s-62-192-128-192s-128%2082.6-128%20192s62%20192%20128%20192%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/fork-spoon.svg?color=%231a73e8&size=48
