hanger icon
hanger-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- hanger-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All hanger icons →More ui icons from Reicon
Use the hanger icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.66 5.75c-.836 0-1.374.592-1.374 1.16a.75.75 0 0 1-1.5 0c0-1.543 1.364-2.66 2.874-2.66s2.874 1.117 2.874 2.66c0 .68-.248 1.314-.69 1.794c-.14.153-.294.305-.435.445l-.074.072a8 8 0 0 0-.441.464a2.4 2.4 0 0 0-.205.274a4.3 4.3 0 0 1 1.614.66l7.433 5.01c.95.64 1.207 1.697.877 2.588c-.325.876-1.191 1.533-2.316 1.533H3.702c-1.112 0-1.974-.645-2.306-1.51c-.338-.88-.1-1.931.828-2.583l7.095-4.992a4.3 4.3 0 0 1 1.774-.722c.105-.507.393-.918.658-1.23c.172-.202.36-.391.529-.558l.08-.08c.143-.14.267-.263.38-.386c.182-.198.294-.468.294-.78c0-.567-.538-1.159-1.374-1.159m1.805 6.112a2.9 2.9 0 0 0-1.655-.482a2.9 2.9 0 0 0-1.628.512l-7.095 4.991c-.346.243-.391.558-.29.819c.105.275.403.548.905.548h16.595c.509 0 .806-.277.91-.555c.097-.264.047-.582-.31-.822z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconHangerFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M11.66 5.75c-.836 0-1.374.592-1.374 1.16a.75.75 0 0 1-1.5 0c0-1.543 1.364-2.66 2.874-2.66s2.874 1.117 2.874 2.66c0 .68-.248 1.314-.69 1.794c-.14.153-.294.305-.435.445l-.074.072a8 8 0 0 0-.441.464a2.4 2.4 0 0 0-.205.274a4.3 4.3 0 0 1 1.614.66l7.433 5.01c.95.64 1.207 1.697.877 2.588c-.325.876-1.191 1.533-2.316 1.533H3.702c-1.112 0-1.974-.645-2.306-1.51c-.338-.88-.1-1.931.828-2.583l7.095-4.992a4.3 4.3 0 0 1 1.774-.722c.105-.507.393-.918.658-1.23c.172-.202.36-.391.529-.558l.08-.08c.143-.14.267-.263.38-.386c.182-.198.294-.468.294-.78c0-.567-.538-1.159-1.374-1.159m1.805 6.112a2.9 2.9 0 0 0-1.655-.482a2.9 2.9 0 0 0-1.628.512l-7.095 4.991c-.346.243-.391.558-.29.819c.105.275.403.548.905.548h16.595c.509 0 .806-.277.91-.555c.097-.264.047-.582-.31-.822z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.66 5.75c-.836 0-1.374.592-1.374 1.16a.75.75 0 0 1-1.5 0c0-1.543 1.364-2.66 2.874-2.66s2.874 1.117 2.874 2.66c0 .68-.248 1.314-.69 1.794c-.14.153-.294.305-.435.445l-.074.072a8 8 0 0 0-.441.464a2.4 2.4 0 0 0-.205.274a4.3 4.3 0 0 1 1.614.66l7.433 5.01c.95.64 1.207 1.697.877 2.588c-.325.876-1.191 1.533-2.316 1.533H3.702c-1.112 0-1.974-.645-2.306-1.51c-.338-.88-.1-1.931.828-2.583l7.095-4.992a4.3 4.3 0 0 1 1.774-.722c.105-.507.393-.918.658-1.23c.172-.202.36-.391.529-.558l.08-.08c.143-.14.267-.263.38-.386c.182-.198.294-.468.294-.78c0-.567-.538-1.159-1.374-1.159m1.805 6.112a2.9 2.9 0 0 0-1.655-.482a2.9 2.9 0 0 0-1.628.512l-7.095 4.991c-.346.243-.391.558-.29.819c.105.275.403.548.905.548h16.595c.509 0 .806-.277.91-.555c.097-.264.047-.582-.31-.822z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-hanger-filled {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.66%205.75c-.836%200-1.374.592-1.374%201.16a.75.75%200%200%201-1.5%200c0-1.543%201.364-2.66%202.874-2.66s2.874%201.117%202.874%202.66c0%20.68-.248%201.314-.69%201.794c-.14.153-.294.305-.435.445l-.074.072a8%208%200%200%200-.441.464a2.4%202.4%200%200%200-.205.274a4.3%204.3%200%200%201%201.614.66l7.433%205.01c.95.64%201.207%201.697.877%202.588c-.325.876-1.191%201.533-2.316%201.533H3.702c-1.112%200-1.974-.645-2.306-1.51c-.338-.88-.1-1.931.828-2.583l7.095-4.992a4.3%204.3%200%200%201%201.774-.722c.105-.507.393-.918.658-1.23c.172-.202.36-.391.529-.558l.08-.08c.143-.14.267-.263.38-.386c.182-.198.294-.468.294-.78c0-.567-.538-1.159-1.374-1.159m1.805%206.112a2.9%202.9%200%200%200-1.655-.482a2.9%202.9%200%200%200-1.628.512l-7.095%204.991c-.346.243-.391.558-.29.819c.105.275.403.548.905.548h16.595c.509%200%20.806-.277.91-.555c.097-.264.047-.582-.31-.822z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.66%205.75c-.836%200-1.374.592-1.374%201.16a.75.75%200%200%201-1.5%200c0-1.543%201.364-2.66%202.874-2.66s2.874%201.117%202.874%202.66c0%20.68-.248%201.314-.69%201.794c-.14.153-.294.305-.435.445l-.074.072a8%208%200%200%200-.441.464a2.4%202.4%200%200%200-.205.274a4.3%204.3%200%200%201%201.614.66l7.433%205.01c.95.64%201.207%201.697.877%202.588c-.325.876-1.191%201.533-2.316%201.533H3.702c-1.112%200-1.974-.645-2.306-1.51c-.338-.88-.1-1.931.828-2.583l7.095-4.992a4.3%204.3%200%200%201%201.774-.722c.105-.507.393-.918.658-1.23c.172-.202.36-.391.529-.558l.08-.08c.143-.14.267-.263.38-.386c.182-.198.294-.468.294-.78c0-.567-.538-1.159-1.374-1.159m1.805%206.112a2.9%202.9%200%200%200-1.655-.482a2.9%202.9%200%200%200-1.628.512l-7.095%204.991c-.346.243-.391.558-.29.819c.105.275.403.548.905.548h16.595c.509%200%20.806-.277.91-.555c.097-.264.047-.582-.31-.822z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/hanger-filled.svg?color=%231a73e8&size=48
