hanger icon
hanger-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- hanger-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the hanger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M9.53589 6.90909C9.53589 5.85473 10.4868 5 11.6599 5C12.8329 5 13.7839 5.85473 13.7839 6.90909C13.7839 7.40532 13.6046 7.85733 13.2925 8.19682C12.6948 8.84706 11.8015 9.50197 11.8015 10.3455V10.6299M11.8015 10.6299C12.533 10.6214 13.2674 10.8246 13.8845 11.2406L16 12.6666M11.8015 10.6299C11.076 10.6383 10.3534 10.855 9.751 11.2787L2.65531 16.27C1.38322 17.1648 2.08721 19 3.70254 19H20.2975C21.9305 19 22.6234 17.1315 21.317 16.2509L19 14.689"/></svg>
React
import type { SVGProps } from "react";
export function SolarHangerBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M9.53589 6.90909C9.53589 5.85473 10.4868 5 11.6599 5C12.8329 5 13.7839 5.85473 13.7839 6.90909C13.7839 7.40532 13.6046 7.85733 13.2925 8.19682C12.6948 8.84706 11.8015 9.50197 11.8015 10.3455V10.6299M11.8015 10.6299C12.533 10.6214 13.2674 10.8246 13.8845 11.2406L16 12.6666M11.8015 10.6299C11.076 10.6383 10.3534 10.855 9.751 11.2787L2.65531 16.27C1.38322 17.1648 2.08721 19 3.70254 19H20.2975C21.9305 19 22.6234 17.1315 21.317 16.2509L19 14.689"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M9.53589 6.90909C9.53589 5.85473 10.4868 5 11.6599 5C12.8329 5 13.7839 5.85473 13.7839 6.90909C13.7839 7.40532 13.6046 7.85733 13.2925 8.19682C12.6948 8.84706 11.8015 9.50197 11.8015 10.3455V10.6299M11.8015 10.6299C12.533 10.6214 13.2674 10.8246 13.8845 11.2406L16 12.6666M11.8015 10.6299C11.076 10.6383 10.3534 10.855 9.751 11.2787L2.65531 16.27C1.38322 17.1648 2.08721 19 3.70254 19H20.2975C21.9305 19 22.6234 17.1315 21.317 16.2509L19 14.689"/></svg> </template>
CSS
.icon-hanger-broken {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.53589%206.90909C9.53589%205.85473%2010.4868%205%2011.6599%205C12.8329%205%2013.7839%205.85473%2013.7839%206.90909C13.7839%207.40532%2013.6046%207.85733%2013.2925%208.19682C12.6948%208.84706%2011.8015%209.50197%2011.8015%2010.3455V10.6299M11.8015%2010.6299C12.533%2010.6214%2013.2674%2010.8246%2013.8845%2011.2406L16%2012.6666M11.8015%2010.6299C11.076%2010.6383%2010.3534%2010.855%209.751%2011.2787L2.65531%2016.27C1.38322%2017.1648%202.08721%2019%203.70254%2019H20.2975C21.9305%2019%2022.6234%2017.1315%2021.317%2016.2509L19%2014.689%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M9.53589%206.90909C9.53589%205.85473%2010.4868%205%2011.6599%205C12.8329%205%2013.7839%205.85473%2013.7839%206.90909C13.7839%207.40532%2013.6046%207.85733%2013.2925%208.19682C12.6948%208.84706%2011.8015%209.50197%2011.8015%2010.3455V10.6299M11.8015%2010.6299C12.533%2010.6214%2013.2674%2010.8246%2013.8845%2011.2406L16%2012.6666M11.8015%2010.6299C11.076%2010.6383%2010.3534%2010.855%209.751%2011.2787L2.65531%2016.27C1.38322%2017.1648%202.08721%2019%203.70254%2019H20.2975C21.9305%2019%2022.6234%2017.1315%2021.317%2016.2509L19%2014.689%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/hanger-broken.svg?color=%231a73e8&size=48
