pea icon
pea-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- pea-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
Use the pea icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22.874 3.008l.662 1.836L21 6.452V8c0 3.146-.54 5.83-1.799 7.954q-1.91 3.227-5.878 4.466c-.913.285-2.423.562-3.432.578c-3.572.058-6.596-1.548-8.148-3.344l-.758-.878l5.42-3.436l-.035-.016c-.884-.407-1.758-1.002-2.528-1.686s-1.465-1.48-1.974-2.31C1.368 8.51 1 7.585 1 6.663v-.881zm-9.642 8.37l-2.829 1.794l1.457 2.166l-1.66 1.116l-1.486-2.21l-4.594 2.913c1.317 1.026 3.358 1.88 5.739 1.842c.786-.013 2.105-.25 2.868-.488c2.229-.696 3.759-1.897 4.753-3.576C18.49 13.229 19 10.94 19 8v-.28l-4.079 2.587l1.45 2.272l-1.685 1.076z"/></svg>
React
import type { SVGProps } from "react";
export function TdesignPeaFilled(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="m22.874 3.008l.662 1.836L21 6.452V8c0 3.146-.54 5.83-1.799 7.954q-1.91 3.227-5.878 4.466c-.913.285-2.423.562-3.432.578c-3.572.058-6.596-1.548-8.148-3.344l-.758-.878l5.42-3.436l-.035-.016c-.884-.407-1.758-1.002-2.528-1.686s-1.465-1.48-1.974-2.31C1.368 8.51 1 7.585 1 6.663v-.881zm-9.642 8.37l-2.829 1.794l1.457 2.166l-1.66 1.116l-1.486-2.21l-4.594 2.913c1.317 1.026 3.358 1.88 5.739 1.842c.786-.013 2.105-.25 2.868-.488c2.229-.696 3.759-1.897 4.753-3.576C18.49 13.229 19 10.94 19 8v-.28l-4.079 2.587l1.45 2.272l-1.685 1.076z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m22.874 3.008l.662 1.836L21 6.452V8c0 3.146-.54 5.83-1.799 7.954q-1.91 3.227-5.878 4.466c-.913.285-2.423.562-3.432.578c-3.572.058-6.596-1.548-8.148-3.344l-.758-.878l5.42-3.436l-.035-.016c-.884-.407-1.758-1.002-2.528-1.686s-1.465-1.48-1.974-2.31C1.368 8.51 1 7.585 1 6.663v-.881zm-9.642 8.37l-2.829 1.794l1.457 2.166l-1.66 1.116l-1.486-2.21l-4.594 2.913c1.317 1.026 3.358 1.88 5.739 1.842c.786-.013 2.105-.25 2.868-.488c2.229-.696 3.759-1.897 4.753-3.576C18.49 13.229 19 10.94 19 8v-.28l-4.079 2.587l1.45 2.272l-1.685 1.076z"/></svg> </template>
CSS
.icon-pea-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%22m22.874%203.008l.662%201.836L21%206.452V8c0%203.146-.54%205.83-1.799%207.954q-1.91%203.227-5.878%204.466c-.913.285-2.423.562-3.432.578c-3.572.058-6.596-1.548-8.148-3.344l-.758-.878l5.42-3.436l-.035-.016c-.884-.407-1.758-1.002-2.528-1.686s-1.465-1.48-1.974-2.31C1.368%208.51%201%207.585%201%206.663v-.881zm-9.642%208.37l-2.829%201.794l1.457%202.166l-1.66%201.116l-1.486-2.21l-4.594%202.913c1.317%201.026%203.358%201.88%205.739%201.842c.786-.013%202.105-.25%202.868-.488c2.229-.696%203.759-1.897%204.753-3.576C18.49%2013.229%2019%2010.94%2019%208v-.28l-4.079%202.587l1.45%202.272l-1.685%201.076z%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%22m22.874%203.008l.662%201.836L21%206.452V8c0%203.146-.54%205.83-1.799%207.954q-1.91%203.227-5.878%204.466c-.913.285-2.423.562-3.432.578c-3.572.058-6.596-1.548-8.148-3.344l-.758-.878l5.42-3.436l-.035-.016c-.884-.407-1.758-1.002-2.528-1.686s-1.465-1.48-1.974-2.31C1.368%208.51%201%207.585%201%206.663v-.881zm-9.642%208.37l-2.829%201.794l1.457%202.166l-1.66%201.116l-1.486-2.21l-4.594%202.913c1.317%201.026%203.358%201.88%205.739%201.842c.786-.013%202.105-.25%202.868-.488c2.229-.696%203.759-1.897%204.753-3.576C18.49%2013.229%2019%2010.94%2019%208v-.28l-4.079%202.587l1.45%202.272l-1.685%201.076z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/pea-filled.svg?color=%231a73e8&size=48
