nut icon

nut-fill from Bootstrap Icons by The Bootstrap Authors · Fill · MIT Free for personal and commercial use.

Name: nut-fill
Set: Bootstrap Icons
Style: Fill
Viewbox: 16×16
License: MIT

1 other variant in Bootstrap Icons

The same icon in other sets

nutHuge Icons nutIconPark nutIconPark Outline nutIconPark Solid nutIconPark TwoTone nutLucide nutMaterial Design Icons nutPhosphor nutTabler Icons nutTDesign Icons

Use the nut icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1zm5.018 9.696a3 3 0 1 1-3-5.196a3 3 0 0 1 3 5.196"/></svg>

React

import type { SVGProps } from "react";

export function BiNutFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1zm5.018 9.696a3 3 0 1 1-3-5.196a3 3 0 0 1 3 5.196"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1zm5.018 9.696a3 3 0 1 1-3-5.196a3 3 0 0 1 3 5.196"/></svg>
</template>

CSS

.icon-nut-fill {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.58%201a1%201%200%200%200-.868.504l-3.428%206a1%201%200%200%200%200%20.992l3.428%206A1%201%200%200%200%204.58%2015h6.84a1%201%200%200%200%20.868-.504l3.429-6a1%201%200%200%200%200-.992l-3.429-6A1%201%200%200%200%2011.42%201zm5.018%209.696a3%203%200%201%201-3-5.196a3%203%200%200%201%203%205.196%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.58%201a1%201%200%200%200-.868.504l-3.428%206a1%201%200%200%200%200%20.992l3.428%206A1%201%200%200%200%204.58%2015h6.84a1%201%200%200%200%20.868-.504l3.429-6a1%201%200%200%200%200-.992l-3.429-6A1%201%200%200%200%2011.42%201zm5.018%209.696a3%203%200%201%201-3-5.196a3%203%200%200%201%203%205.196%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bi/nut-fill.svg?color=%231a73e8&size=48