knife icon

knife-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
knife-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

knifeknife-duotoneknife-fillknife-lightknife-thin

The same icon in other sets

knifeBoxIcons v2knifeIonIconsknifeMaterial Design Iconsknife-fillMingCute Iconknife-fillRemix Icon

Use the knife icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.7 29.3a31.83 31.83 0 0 0-45 0L15.52 203.56a12 12 0 0 0 5.78 20.19A165 165 0 0 0 58.42 228c33.71 0 67.41-10.42 99.1-30.87c32.32-20.86 51.16-44.7 51.94-45.7a12 12 0 0 0-1-15.89L191 118l43.7-43.71a31.86 31.86 0 0 0 0-44.99m-90.83 148.06C113 197.12 81.28 206 49.28 203.74L146 107l19.5 19.51l18 18a216.7 216.7 0 0 1-39.63 32.85m73.86-120L174 101l-11-11l43.7-43.72a7.8 7.8 0 0 1 11 11Z"/></svg>

React

import type { SVGProps } from "react";

export function PhKnifeBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.7 29.3a31.83 31.83 0 0 0-45 0L15.52 203.56a12 12 0 0 0 5.78 20.19A165 165 0 0 0 58.42 228c33.71 0 67.41-10.42 99.1-30.87c32.32-20.86 51.16-44.7 51.94-45.7a12 12 0 0 0-1-15.89L191 118l43.7-43.71a31.86 31.86 0 0 0 0-44.99m-90.83 148.06C113 197.12 81.28 206 49.28 203.74L146 107l19.5 19.51l18 18a216.7 216.7 0 0 1-39.63 32.85m73.86-120L174 101l-11-11l43.7-43.72a7.8 7.8 0 0 1 11 11Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.7 29.3a31.83 31.83 0 0 0-45 0L15.52 203.56a12 12 0 0 0 5.78 20.19A165 165 0 0 0 58.42 228c33.71 0 67.41-10.42 99.1-30.87c32.32-20.86 51.16-44.7 51.94-45.7a12 12 0 0 0-1-15.89L191 118l43.7-43.71a31.86 31.86 0 0 0 0-44.99m-90.83 148.06C113 197.12 81.28 206 49.28 203.74L146 107l19.5 19.51l18 18a216.7 216.7 0 0 1-39.63 32.85m73.86-120L174 101l-11-11l43.7-43.72a7.8 7.8 0 0 1 11 11Z"/></svg>
</template>

CSS

.icon-knife-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M234.7%2029.3a31.83%2031.83%200%200%200-45%200L15.52%20203.56a12%2012%200%200%200%205.78%2020.19A165%20165%200%200%200%2058.42%20228c33.71%200%2067.41-10.42%2099.1-30.87c32.32-20.86%2051.16-44.7%2051.94-45.7a12%2012%200%200%200-1-15.89L191%20118l43.7-43.71a31.86%2031.86%200%200%200%200-44.99m-90.83%20148.06C113%20197.12%2081.28%20206%2049.28%20203.74L146%20107l19.5%2019.51l18%2018a216.7%20216.7%200%200%201-39.63%2032.85m73.86-120L174%20101l-11-11l43.7-43.72a7.8%207.8%200%200%201%2011%2011Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M234.7%2029.3a31.83%2031.83%200%200%200-45%200L15.52%20203.56a12%2012%200%200%200%205.78%2020.19A165%20165%200%200%200%2058.42%20228c33.71%200%2067.41-10.42%2099.1-30.87c32.32-20.86%2051.16-44.7%2051.94-45.7a12%2012%200%200%200-1-15.89L191%20118l43.7-43.71a31.86%2031.86%200%200%200%200-44.99m-90.83%20148.06C113%20197.12%2081.28%20206%2049.28%20203.74L146%20107l19.5%2019.51l18%2018a216.7%20216.7%200%200%201-39.63%2032.85m73.86-120L174%20101l-11-11l43.7-43.72a7.8%207.8%200%200%201%2011%2011Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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