nut icon
nut-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- nut-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 nut icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.765 2.368l-.316.948c-.36 1.078-.97 2.122-1.52 2.906c1.067 1.223 1.953 2.874 2.343 4.591c.468 2.067.243 4.4-1.494 6.137l-2.121 2.121l-.726-.726c-1.898 1.704-4.095 2.964-6.264 3.488c-2.468.597-4.998.25-6.874-1.626s-2.222-4.406-1.626-6.874c.524-2.169 1.784-4.366 3.488-6.263l-.726-.727l2.121-2.12c1.727-1.727 4.06-1.951 6.11-1.5c1.6.352 3.143 1.131 4.314 2.082c.413-.623.83-1.38 1.077-2.121l.317-.949zm-5.25 14.56l-.98-.978v-2.243h-2.242L7.072 8.486c-1.49 1.681-2.536 3.56-2.96 5.317c-.484 2-.153 3.742 1.095 4.99s2.99 1.58 4.99 1.096c1.757-.425 3.636-1.47 5.317-2.96"/></svg>
React
import type { SVGProps } from "react";
export function TdesignNutFilled(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="m20.765 2.368l-.316.948c-.36 1.078-.97 2.122-1.52 2.906c1.067 1.223 1.953 2.874 2.343 4.591c.468 2.067.243 4.4-1.494 6.137l-2.121 2.121l-.726-.726c-1.898 1.704-4.095 2.964-6.264 3.488c-2.468.597-4.998.25-6.874-1.626s-2.222-4.406-1.626-6.874c.524-2.169 1.784-4.366 3.488-6.263l-.726-.727l2.121-2.12c1.727-1.727 4.06-1.951 6.11-1.5c1.6.352 3.143 1.131 4.314 2.082c.413-.623.83-1.38 1.077-2.121l.317-.949zm-5.25 14.56l-.98-.978v-2.243h-2.242L7.072 8.486c-1.49 1.681-2.536 3.56-2.96 5.317c-.484 2-.153 3.742 1.095 4.99s2.99 1.58 4.99 1.096c1.757-.425 3.636-1.47 5.317-2.96"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.765 2.368l-.316.948c-.36 1.078-.97 2.122-1.52 2.906c1.067 1.223 1.953 2.874 2.343 4.591c.468 2.067.243 4.4-1.494 6.137l-2.121 2.121l-.726-.726c-1.898 1.704-4.095 2.964-6.264 3.488c-2.468.597-4.998.25-6.874-1.626s-2.222-4.406-1.626-6.874c.524-2.169 1.784-4.366 3.488-6.263l-.726-.727l2.121-2.12c1.727-1.727 4.06-1.951 6.11-1.5c1.6.352 3.143 1.131 4.314 2.082c.413-.623.83-1.38 1.077-2.121l.317-.949zm-5.25 14.56l-.98-.978v-2.243h-2.242L7.072 8.486c-1.49 1.681-2.536 3.56-2.96 5.317c-.484 2-.153 3.742 1.095 4.99s2.99 1.58 4.99 1.096c1.757-.425 3.636-1.47 5.317-2.96"/></svg> </template>
CSS
.icon-nut-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%22m20.765%202.368l-.316.948c-.36%201.078-.97%202.122-1.52%202.906c1.067%201.223%201.953%202.874%202.343%204.591c.468%202.067.243%204.4-1.494%206.137l-2.121%202.121l-.726-.726c-1.898%201.704-4.095%202.964-6.264%203.488c-2.468.597-4.998.25-6.874-1.626s-2.222-4.406-1.626-6.874c.524-2.169%201.784-4.366%203.488-6.263l-.726-.727l2.121-2.12c1.727-1.727%204.06-1.951%206.11-1.5c1.6.352%203.143%201.131%204.314%202.082c.413-.623.83-1.38%201.077-2.121l.317-.949zm-5.25%2014.56l-.98-.978v-2.243h-2.242L7.072%208.486c-1.49%201.681-2.536%203.56-2.96%205.317c-.484%202-.153%203.742%201.095%204.99s2.99%201.58%204.99%201.096c1.757-.425%203.636-1.47%205.317-2.96%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%22m20.765%202.368l-.316.948c-.36%201.078-.97%202.122-1.52%202.906c1.067%201.223%201.953%202.874%202.343%204.591c.468%202.067.243%204.4-1.494%206.137l-2.121%202.121l-.726-.726c-1.898%201.704-4.095%202.964-6.264%203.488c-2.468.597-4.998.25-6.874-1.626s-2.222-4.406-1.626-6.874c.524-2.169%201.784-4.366%203.488-6.263l-.726-.727l2.121-2.12c1.727-1.727%204.06-1.951%206.11-1.5c1.6.352%203.143%201.131%204.314%202.082c.413-.623.83-1.38%201.077-2.121l.317-.949zm-5.25%2014.56l-.98-.978v-2.243h-2.242L7.072%208.486c-1.49%201.681-2.536%203.56-2.96%205.317c-.484%202-.153%203.742%201.095%204.99s2.99%201.58%204.99%201.096c1.757-.425%203.636-1.47%205.317-2.96%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/nut-filled.svg?color=%231a73e8&size=48
