axe icon
axe-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- axe-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the axe icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251.36 99a12 12 0 0 0-9.86-8.09A141.1 141.1 0 0 1 184 69.67l13.86-13.87a21 21 0 0 0-29.66-29.66L152 42.39a107 107 0 0 1-7.47-9.27a12 12 0 0 0-18.29-1.61L87.51 70.18a12 12 0 0 0 1.61 18.3A107 107 0 0 1 98.39 96l-88.25 88.2a21 21 0 0 0 29.66 29.66L125.67 128a141 141 0 0 1 21.24 57.52a12 12 0 0 0 20.38 7l81.19-81.19A11.89 11.89 0 0 0 251.36 99m-77.5-67.2a13 13 0 1 1 18.34 18.34l-15 15a157 157 0 0 1-19.81-16.88ZM34.14 208.2a13 13 0 1 1-18.34-18.34l88.43-88.43a157 157 0 0 1 16.88 19.81Zm208.68-102.56l-81.18 81.18a3.86 3.86 0 0 1-4.08 1a4 4 0 0 1-2.72-3.34c-8.54-63.97-55.77-98.79-61.12-102.55A4 4 0 0 1 92 79a3.9 3.9 0 0 1 1.14-3.15l38.68-38.68a3.92 3.92 0 0 1 2.8-1.16h.35a4 4 0 0 1 2.94 1.7c3.76 5.35 38.58 52.58 102.52 61.11a4 4 0 0 1 3.33 2.73a3.86 3.86 0 0 1-.94 4.09"/></svg>
React
import type { SVGProps } from "react";
export function PhAxeThin(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="M251.36 99a12 12 0 0 0-9.86-8.09A141.1 141.1 0 0 1 184 69.67l13.86-13.87a21 21 0 0 0-29.66-29.66L152 42.39a107 107 0 0 1-7.47-9.27a12 12 0 0 0-18.29-1.61L87.51 70.18a12 12 0 0 0 1.61 18.3A107 107 0 0 1 98.39 96l-88.25 88.2a21 21 0 0 0 29.66 29.66L125.67 128a141 141 0 0 1 21.24 57.52a12 12 0 0 0 20.38 7l81.19-81.19A11.89 11.89 0 0 0 251.36 99m-77.5-67.2a13 13 0 1 1 18.34 18.34l-15 15a157 157 0 0 1-19.81-16.88ZM34.14 208.2a13 13 0 1 1-18.34-18.34l88.43-88.43a157 157 0 0 1 16.88 19.81Zm208.68-102.56l-81.18 81.18a3.86 3.86 0 0 1-4.08 1a4 4 0 0 1-2.72-3.34c-8.54-63.97-55.77-98.79-61.12-102.55A4 4 0 0 1 92 79a3.9 3.9 0 0 1 1.14-3.15l38.68-38.68a3.92 3.92 0 0 1 2.8-1.16h.35a4 4 0 0 1 2.94 1.7c3.76 5.35 38.58 52.58 102.52 61.11a4 4 0 0 1 3.33 2.73a3.86 3.86 0 0 1-.94 4.09"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251.36 99a12 12 0 0 0-9.86-8.09A141.1 141.1 0 0 1 184 69.67l13.86-13.87a21 21 0 0 0-29.66-29.66L152 42.39a107 107 0 0 1-7.47-9.27a12 12 0 0 0-18.29-1.61L87.51 70.18a12 12 0 0 0 1.61 18.3A107 107 0 0 1 98.39 96l-88.25 88.2a21 21 0 0 0 29.66 29.66L125.67 128a141 141 0 0 1 21.24 57.52a12 12 0 0 0 20.38 7l81.19-81.19A11.89 11.89 0 0 0 251.36 99m-77.5-67.2a13 13 0 1 1 18.34 18.34l-15 15a157 157 0 0 1-19.81-16.88ZM34.14 208.2a13 13 0 1 1-18.34-18.34l88.43-88.43a157 157 0 0 1 16.88 19.81Zm208.68-102.56l-81.18 81.18a3.86 3.86 0 0 1-4.08 1a4 4 0 0 1-2.72-3.34c-8.54-63.97-55.77-98.79-61.12-102.55A4 4 0 0 1 92 79a3.9 3.9 0 0 1 1.14-3.15l38.68-38.68a3.92 3.92 0 0 1 2.8-1.16h.35a4 4 0 0 1 2.94 1.7c3.76 5.35 38.58 52.58 102.52 61.11a4 4 0 0 1 3.33 2.73a3.86 3.86 0 0 1-.94 4.09"/></svg> </template>
CSS
.icon-axe-thin {
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%22M251.36%2099a12%2012%200%200%200-9.86-8.09A141.1%20141.1%200%200%201%20184%2069.67l13.86-13.87a21%2021%200%200%200-29.66-29.66L152%2042.39a107%20107%200%200%201-7.47-9.27a12%2012%200%200%200-18.29-1.61L87.51%2070.18a12%2012%200%200%200%201.61%2018.3A107%20107%200%200%201%2098.39%2096l-88.25%2088.2a21%2021%200%200%200%2029.66%2029.66L125.67%20128a141%20141%200%200%201%2021.24%2057.52a12%2012%200%200%200%2020.38%207l81.19-81.19A11.89%2011.89%200%200%200%20251.36%2099m-77.5-67.2a13%2013%200%201%201%2018.34%2018.34l-15%2015a157%20157%200%200%201-19.81-16.88ZM34.14%20208.2a13%2013%200%201%201-18.34-18.34l88.43-88.43a157%20157%200%200%201%2016.88%2019.81Zm208.68-102.56l-81.18%2081.18a3.86%203.86%200%200%201-4.08%201a4%204%200%200%201-2.72-3.34c-8.54-63.97-55.77-98.79-61.12-102.55A4%204%200%200%201%2092%2079a3.9%203.9%200%200%201%201.14-3.15l38.68-38.68a3.92%203.92%200%200%201%202.8-1.16h.35a4%204%200%200%201%202.94%201.7c3.76%205.35%2038.58%2052.58%20102.52%2061.11a4%204%200%200%201%203.33%202.73a3.86%203.86%200%200%201-.94%204.09%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%22M251.36%2099a12%2012%200%200%200-9.86-8.09A141.1%20141.1%200%200%201%20184%2069.67l13.86-13.87a21%2021%200%200%200-29.66-29.66L152%2042.39a107%20107%200%200%201-7.47-9.27a12%2012%200%200%200-18.29-1.61L87.51%2070.18a12%2012%200%200%200%201.61%2018.3A107%20107%200%200%201%2098.39%2096l-88.25%2088.2a21%2021%200%200%200%2029.66%2029.66L125.67%20128a141%20141%200%200%201%2021.24%2057.52a12%2012%200%200%200%2020.38%207l81.19-81.19A11.89%2011.89%200%200%200%20251.36%2099m-77.5-67.2a13%2013%200%201%201%2018.34%2018.34l-15%2015a157%20157%200%200%201-19.81-16.88ZM34.14%20208.2a13%2013%200%201%201-18.34-18.34l88.43-88.43a157%20157%200%200%201%2016.88%2019.81Zm208.68-102.56l-81.18%2081.18a3.86%203.86%200%200%201-4.08%201a4%204%200%200%201-2.72-3.34c-8.54-63.97-55.77-98.79-61.12-102.55A4%204%200%200%201%2092%2079a3.9%203.9%200%200%201%201.14-3.15l38.68-38.68a3.92%203.92%200%200%201%202.8-1.16h.35a4%204%200%200%201%202.94%201.7c3.76%205.35%2038.58%2052.58%20102.52%2061.11a4%204%200%200%201%203.33%202.73a3.86%203.86%200%200%201-.94%204.09%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/axe-thin.svg?color=%231a73e8&size=48
