high heel icon
high-heel-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- high-heel-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Related icons in Phosphor
Use the high heel icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m227.93 152.31l-45.82-11.17L72.49 31.51a12 12 0 0 0-17.34.39C32.48 56.68 20 88 20 120v72a20 20 0 0 0 20 20h32a20 20 0 0 0 20-20v-41.71l1.07.71a108.44 108.44 0 0 1 39.11 48.6a19.9 19.9 0 0 0 18.54 12.4H236a20 20 0 0 0 20-20v-4.73a35.68 35.68 0 0 0-28.07-34.96M68 188H44v-55.33a106.7 106.7 0 0 1 24 5.51Zm164 0h-78.65a132.44 132.44 0 0 0-46.67-56.77a131.1 131.1 0 0 0-62-22.63a106.7 106.7 0 0 1 20.19-50.76l102.64 102.65a12.06 12.06 0 0 0 5.65 3.17l49.2 12l.25.06a11.84 11.84 0 0 1 9.39 11.6Z"/></svg>
React
import type { SVGProps } from "react";
export function PhHighHeelBold(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="m227.93 152.31l-45.82-11.17L72.49 31.51a12 12 0 0 0-17.34.39C32.48 56.68 20 88 20 120v72a20 20 0 0 0 20 20h32a20 20 0 0 0 20-20v-41.71l1.07.71a108.44 108.44 0 0 1 39.11 48.6a19.9 19.9 0 0 0 18.54 12.4H236a20 20 0 0 0 20-20v-4.73a35.68 35.68 0 0 0-28.07-34.96M68 188H44v-55.33a106.7 106.7 0 0 1 24 5.51Zm164 0h-78.65a132.44 132.44 0 0 0-46.67-56.77a131.1 131.1 0 0 0-62-22.63a106.7 106.7 0 0 1 20.19-50.76l102.64 102.65a12.06 12.06 0 0 0 5.65 3.17l49.2 12l.25.06a11.84 11.84 0 0 1 9.39 11.6Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m227.93 152.31l-45.82-11.17L72.49 31.51a12 12 0 0 0-17.34.39C32.48 56.68 20 88 20 120v72a20 20 0 0 0 20 20h32a20 20 0 0 0 20-20v-41.71l1.07.71a108.44 108.44 0 0 1 39.11 48.6a19.9 19.9 0 0 0 18.54 12.4H236a20 20 0 0 0 20-20v-4.73a35.68 35.68 0 0 0-28.07-34.96M68 188H44v-55.33a106.7 106.7 0 0 1 24 5.51Zm164 0h-78.65a132.44 132.44 0 0 0-46.67-56.77a131.1 131.1 0 0 0-62-22.63a106.7 106.7 0 0 1 20.19-50.76l102.64 102.65a12.06 12.06 0 0 0 5.65 3.17l49.2 12l.25.06a11.84 11.84 0 0 1 9.39 11.6Z"/></svg> </template>
CSS
.icon-high-heel-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%22m227.93%20152.31l-45.82-11.17L72.49%2031.51a12%2012%200%200%200-17.34.39C32.48%2056.68%2020%2088%2020%20120v72a20%2020%200%200%200%2020%2020h32a20%2020%200%200%200%2020-20v-41.71l1.07.71a108.44%20108.44%200%200%201%2039.11%2048.6a19.9%2019.9%200%200%200%2018.54%2012.4H236a20%2020%200%200%200%2020-20v-4.73a35.68%2035.68%200%200%200-28.07-34.96M68%20188H44v-55.33a106.7%20106.7%200%200%201%2024%205.51Zm164%200h-78.65a132.44%20132.44%200%200%200-46.67-56.77a131.1%20131.1%200%200%200-62-22.63a106.7%20106.7%200%200%201%2020.19-50.76l102.64%20102.65a12.06%2012.06%200%200%200%205.65%203.17l49.2%2012l.25.06a11.84%2011.84%200%200%201%209.39%2011.6Z%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%22m227.93%20152.31l-45.82-11.17L72.49%2031.51a12%2012%200%200%200-17.34.39C32.48%2056.68%2020%2088%2020%20120v72a20%2020%200%200%200%2020%2020h32a20%2020%200%200%200%2020-20v-41.71l1.07.71a108.44%20108.44%200%200%201%2039.11%2048.6a19.9%2019.9%200%200%200%2018.54%2012.4H236a20%2020%200%200%200%2020-20v-4.73a35.68%2035.68%200%200%200-28.07-34.96M68%20188H44v-55.33a106.7%20106.7%200%200%201%2024%205.51Zm164%200h-78.65a132.44%20132.44%200%200%200-46.67-56.77a131.1%20131.1%200%200%200-62-22.63a106.7%20106.7%200%200%201%2020.19-50.76l102.64%20102.65a12.06%2012.06%200%200%200%205.65%203.17l49.2%2012l.25.06a11.84%2011.84%200%200%201%209.39%2011.6Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/high-heel-bold.svg?color=%231a73e8&size=48
