high heel icon

high-heel-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: high-heel-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

high-heel high-heel-bold high-heel-duotone high-heel-fill high-heel-thin

The same icon in other sets

high-heelLucide Lab

Related icons in Phosphor

high-definition

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="M230.53 158.14L179 146.53L68.24 35.76a6 6 0 0 0-8.67.19C37.92 59.62 26 89.47 26 120v72a14 14 0 0 0 14 14h32a14 14 0 0 0 14-14v-52.35a115 115 0 0 1 51.74 57.69a13.92 13.92 0 0 0 13 8.66H240a14 14 0 0 0 14-14v-4.73a29.73 29.73 0 0 0-23.47-29.13M74 192a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2v-65.82A112.8 112.8 0 0 1 74 134Zm168 0a2 2 0 0 1-2 2h-89.28a2 2 0 0 1-1.86-1.18a126.53 126.53 0 0 0-45.58-56.65a125.13 125.13 0 0 0-65.12-22c1.31-23.51 10.44-46.34 26.15-65.38l107.45 107.45a6 6 0 0 0 2.92 1.61l53.23 12A17.81 17.81 0 0 1 242 187.31Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHighHeelLight(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="M230.53 158.14L179 146.53L68.24 35.76a6 6 0 0 0-8.67.19C37.92 59.62 26 89.47 26 120v72a14 14 0 0 0 14 14h32a14 14 0 0 0 14-14v-52.35a115 115 0 0 1 51.74 57.69a13.92 13.92 0 0 0 13 8.66H240a14 14 0 0 0 14-14v-4.73a29.73 29.73 0 0 0-23.47-29.13M74 192a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2v-65.82A112.8 112.8 0 0 1 74 134Zm168 0a2 2 0 0 1-2 2h-89.28a2 2 0 0 1-1.86-1.18a126.53 126.53 0 0 0-45.58-56.65a125.13 125.13 0 0 0-65.12-22c1.31-23.51 10.44-46.34 26.15-65.38l107.45 107.45a6 6 0 0 0 2.92 1.61l53.23 12A17.81 17.81 0 0 1 242 187.31Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.53 158.14L179 146.53L68.24 35.76a6 6 0 0 0-8.67.19C37.92 59.62 26 89.47 26 120v72a14 14 0 0 0 14 14h32a14 14 0 0 0 14-14v-52.35a115 115 0 0 1 51.74 57.69a13.92 13.92 0 0 0 13 8.66H240a14 14 0 0 0 14-14v-4.73a29.73 29.73 0 0 0-23.47-29.13M74 192a2 2 0 0 1-2 2H40a2 2 0 0 1-2-2v-65.82A112.8 112.8 0 0 1 74 134Zm168 0a2 2 0 0 1-2 2h-89.28a2 2 0 0 1-1.86-1.18a126.53 126.53 0 0 0-45.58-56.65a125.13 125.13 0 0 0-65.12-22c1.31-23.51 10.44-46.34 26.15-65.38l107.45 107.45a6 6 0 0 0 2.92 1.61l53.23 12A17.81 17.81 0 0 1 242 187.31Z"/></svg>
</template>

CSS

.icon-high-heel-light {
  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%22M230.53%20158.14L179%20146.53L68.24%2035.76a6%206%200%200%200-8.67.19C37.92%2059.62%2026%2089.47%2026%20120v72a14%2014%200%200%200%2014%2014h32a14%2014%200%200%200%2014-14v-52.35a115%20115%200%200%201%2051.74%2057.69a13.92%2013.92%200%200%200%2013%208.66H240a14%2014%200%200%200%2014-14v-4.73a29.73%2029.73%200%200%200-23.47-29.13M74%20192a2%202%200%200%201-2%202H40a2%202%200%200%201-2-2v-65.82A112.8%20112.8%200%200%201%2074%20134Zm168%200a2%202%200%200%201-2%202h-89.28a2%202%200%200%201-1.86-1.18a126.53%20126.53%200%200%200-45.58-56.65a125.13%20125.13%200%200%200-65.12-22c1.31-23.51%2010.44-46.34%2026.15-65.38l107.45%20107.45a6%206%200%200%200%202.92%201.61l53.23%2012A17.81%2017.81%200%200%201%20242%20187.31Z%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%22M230.53%20158.14L179%20146.53L68.24%2035.76a6%206%200%200%200-8.67.19C37.92%2059.62%2026%2089.47%2026%20120v72a14%2014%200%200%200%2014%2014h32a14%2014%200%200%200%2014-14v-52.35a115%20115%200%200%201%2051.74%2057.69a13.92%2013.92%200%200%200%2013%208.66H240a14%2014%200%200%200%2014-14v-4.73a29.73%2029.73%200%200%200-23.47-29.13M74%20192a2%202%200%200%201-2%202H40a2%202%200%200%201-2-2v-65.82A112.8%20112.8%200%200%201%2074%20134Zm168%200a2%202%200%200%201-2%202h-89.28a2%202%200%200%201-1.86-1.18a126.53%20126.53%200%200%200-45.58-56.65a125.13%20125.13%200%200%200-65.12-22c1.31-23.51%2010.44-46.34%2026.15-65.38l107.45%20107.45a6%206%200%200%200%202.92%201.61l53.23%2012A17.81%2017.81%200%200%201%20242%20187.31Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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