person half dress icon
person-half-dress from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- person-half-dress
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome Solid
person-arrow-down-to-lineperson-arrow-up-from-lineperson-bikingperson-boothperson-breastfeedingperson-burstperson-caneperson-chalkboardperson-circle-checkperson-circle-exclamationperson-circle-minusperson-circle-plusperson-circle-questionperson-circle-xmarkperson-diggingperson-dots-from-lineperson-dressperson-dress-burstperson-drowningperson-fallingperson-falling-burstperson-harassingperson-hikingperson-military-pointing
Use the person half dress icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M271.4 60.1C281.1 43.3 299.2 32 320 32c30.9 0 56 25.1 56 56c0 25.4-16.9 46.8-40 53.7c-5.1 1.5-10.4 2.3-16 2.3c-30.9 0-56-25.1-56-56c0-10.1 2.7-19.7 7.4-27.9m174.9 303L400 300.7V576c0 17.7-14.3 32-32 32s-32-14.3-32-32V177c36.2 4.4 69.2 23.4 91.2 53l70.5 95c10.5 14.2 7.6 34.2-6.6 44.8s-34.2 7.6-44.8-6.6zM304 177v399c0 17.7-14.3 32-32 32s-32-14.3-32-32V448h-25.8c-10.9 0-18.6-10.7-15.2-21.1l43-129l-48.3 65.1c-10.5 14.2-30.6 17.2-44.8 6.6s-17.2-30.6-6.6-44.8l70.5-95c22-29.6 55.1-48.6 91.2-53z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidPersonHalfDress(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M271.4 60.1C281.1 43.3 299.2 32 320 32c30.9 0 56 25.1 56 56c0 25.4-16.9 46.8-40 53.7c-5.1 1.5-10.4 2.3-16 2.3c-30.9 0-56-25.1-56-56c0-10.1 2.7-19.7 7.4-27.9m174.9 303L400 300.7V576c0 17.7-14.3 32-32 32s-32-14.3-32-32V177c36.2 4.4 69.2 23.4 91.2 53l70.5 95c10.5 14.2 7.6 34.2-6.6 44.8s-34.2 7.6-44.8-6.6zM304 177v399c0 17.7-14.3 32-32 32s-32-14.3-32-32V448h-25.8c-10.9 0-18.6-10.7-15.2-21.1l43-129l-48.3 65.1c-10.5 14.2-30.6 17.2-44.8 6.6s-17.2-30.6-6.6-44.8l70.5-95c22-29.6 55.1-48.6 91.2-53z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M271.4 60.1C281.1 43.3 299.2 32 320 32c30.9 0 56 25.1 56 56c0 25.4-16.9 46.8-40 53.7c-5.1 1.5-10.4 2.3-16 2.3c-30.9 0-56-25.1-56-56c0-10.1 2.7-19.7 7.4-27.9m174.9 303L400 300.7V576c0 17.7-14.3 32-32 32s-32-14.3-32-32V177c36.2 4.4 69.2 23.4 91.2 53l70.5 95c10.5 14.2 7.6 34.2-6.6 44.8s-34.2 7.6-44.8-6.6zM304 177v399c0 17.7-14.3 32-32 32s-32-14.3-32-32V448h-25.8c-10.9 0-18.6-10.7-15.2-21.1l43-129l-48.3 65.1c-10.5 14.2-30.6 17.2-44.8 6.6s-17.2-30.6-6.6-44.8l70.5-95c22-29.6 55.1-48.6 91.2-53z"/></svg> </template>
CSS
.icon-person-half-dress {
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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M271.4%2060.1C281.1%2043.3%20299.2%2032%20320%2032c30.9%200%2056%2025.1%2056%2056c0%2025.4-16.9%2046.8-40%2053.7c-5.1%201.5-10.4%202.3-16%202.3c-30.9%200-56-25.1-56-56c0-10.1%202.7-19.7%207.4-27.9m174.9%20303L400%20300.7V576c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V177c36.2%204.4%2069.2%2023.4%2091.2%2053l70.5%2095c10.5%2014.2%207.6%2034.2-6.6%2044.8s-34.2%207.6-44.8-6.6zM304%20177v399c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V448h-25.8c-10.9%200-18.6-10.7-15.2-21.1l43-129l-48.3%2065.1c-10.5%2014.2-30.6%2017.2-44.8%206.6s-17.2-30.6-6.6-44.8l70.5-95c22-29.6%2055.1-48.6%2091.2-53z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M271.4%2060.1C281.1%2043.3%20299.2%2032%20320%2032c30.9%200%2056%2025.1%2056%2056c0%2025.4-16.9%2046.8-40%2053.7c-5.1%201.5-10.4%202.3-16%202.3c-30.9%200-56-25.1-56-56c0-10.1%202.7-19.7%207.4-27.9m174.9%20303L400%20300.7V576c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V177c36.2%204.4%2069.2%2023.4%2091.2%2053l70.5%2095c10.5%2014.2%207.6%2034.2-6.6%2044.8s-34.2%207.6-44.8-6.6zM304%20177v399c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V448h-25.8c-10.9%200-18.6-10.7-15.2-21.1l43-129l-48.3%2065.1c-10.5%2014.2-30.6%2017.2-44.8%206.6s-17.2-30.6-6.6-44.8l70.5-95c22-29.6%2055.1-48.6%2091.2-53z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/person-half-dress.svg?color=%231a73e8&size=48
