home user icon
home-user from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- home-user
- Set
- Reicon
- Style
- Outline
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
More ui icons from Reicon
Use the home user icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 16.35c-1.168 0-2.208.807-2.474 1.837a.75.75 0 1 1-1.452-.374c.445-1.73 2.112-2.963 3.926-2.963s3.481 1.233 3.926 2.963a.75.75 0 1 1-1.452.374c-.265-1.03-1.306-1.837-2.474-1.837"/><path fill-rule="evenodd" d="M12 9.25a2.55 2.55 0 1 0 0 5.1a2.55 2.55 0 0 0 0-5.1m-1.05 2.55a1.05 1.05 0 1 1 2.1 0a1.05 1.05 0 0 1-2.1 0" clip-rule="evenodd"/><path fill-rule="evenodd" d="M11.074 1.363a3.75 3.75 0 0 1 1.852 0c.691.176 1.305.619 2.196 1.26l4.75 3.42c.884.637 1.454 1.047 1.872 1.583a4.8 4.8 0 0 1 .816 1.592c.19.653.19 1.355.19 2.444v4.77c0 .953 0 1.714-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09 0-1.792.19-2.445a4.8 4.8 0 0 1 .816-1.592c.418-.536.988-.946 1.872-1.582l4.75-3.42c.89-.642 1.505-1.085 2.196-1.261m1.482 1.453a2.25 2.25 0 0 0-1.112 0c-.38.097-.75.348-1.81 1.112L5.099 7.193c-1.011.728-1.39 1.01-1.661 1.356a3.3 3.3 0 0 0-.558 1.09c-.123.421-.13.894-.13 2.14V16.4c0 .992 0 1.692.045 2.238c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h8.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.202c.128-.25.21-.573.255-1.11c.044-.546.045-1.246.045-2.238v-4.622c0-1.245-.007-1.718-.13-2.14a3.3 3.3 0 0 0-.558-1.089c-.27-.346-.65-.628-1.66-1.356l-4.536-3.265c-1.06-.764-1.43-1.015-1.81-1.112" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconHomeUser(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 16.35c-1.168 0-2.208.807-2.474 1.837a.75.75 0 1 1-1.452-.374c.445-1.73 2.112-2.963 3.926-2.963s3.481 1.233 3.926 2.963a.75.75 0 1 1-1.452.374c-.265-1.03-1.306-1.837-2.474-1.837"/><path fillRule="evenodd" d="M12 9.25a2.55 2.55 0 1 0 0 5.1a2.55 2.55 0 0 0 0-5.1m-1.05 2.55a1.05 1.05 0 1 1 2.1 0a1.05 1.05 0 0 1-2.1 0" clipRule="evenodd"/><path fillRule="evenodd" d="M11.074 1.363a3.75 3.75 0 0 1 1.852 0c.691.176 1.305.619 2.196 1.26l4.75 3.42c.884.637 1.454 1.047 1.872 1.583a4.8 4.8 0 0 1 .816 1.592c.19.653.19 1.355.19 2.444v4.77c0 .953 0 1.714-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09 0-1.792.19-2.445a4.8 4.8 0 0 1 .816-1.592c.418-.536.988-.946 1.872-1.582l4.75-3.42c.89-.642 1.505-1.085 2.196-1.261m1.482 1.453a2.25 2.25 0 0 0-1.112 0c-.38.097-.75.348-1.81 1.112L5.099 7.193c-1.011.728-1.39 1.01-1.661 1.356a3.3 3.3 0 0 0-.558 1.09c-.123.421-.13.894-.13 2.14V16.4c0 .992 0 1.692.045 2.238c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h8.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.202c.128-.25.21-.573.255-1.11c.044-.546.045-1.246.045-2.238v-4.622c0-1.245-.007-1.718-.13-2.14a3.3 3.3 0 0 0-.558-1.089c-.27-.346-.65-.628-1.66-1.356l-4.536-3.265c-1.06-.764-1.43-1.015-1.81-1.112" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 16.35c-1.168 0-2.208.807-2.474 1.837a.75.75 0 1 1-1.452-.374c.445-1.73 2.112-2.963 3.926-2.963s3.481 1.233 3.926 2.963a.75.75 0 1 1-1.452.374c-.265-1.03-1.306-1.837-2.474-1.837"/><path fill-rule="evenodd" d="M12 9.25a2.55 2.55 0 1 0 0 5.1a2.55 2.55 0 0 0 0-5.1m-1.05 2.55a1.05 1.05 0 1 1 2.1 0a1.05 1.05 0 0 1-2.1 0" clip-rule="evenodd"/><path fill-rule="evenodd" d="M11.074 1.363a3.75 3.75 0 0 1 1.852 0c.691.176 1.305.619 2.196 1.26l4.75 3.42c.884.637 1.454 1.047 1.872 1.583a4.8 4.8 0 0 1 .816 1.592c.19.653.19 1.355.19 2.444v4.77c0 .953 0 1.714-.05 2.328c-.052.63-.16 1.172-.413 1.67a4.25 4.25 0 0 1-1.857 1.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952 0-1.713 0-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25 4.25 0 0 1-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09 0-1.792.19-2.445a4.8 4.8 0 0 1 .816-1.592c.418-.536.988-.946 1.872-1.582l4.75-3.42c.89-.642 1.505-1.085 2.196-1.261m1.482 1.453a2.25 2.25 0 0 0-1.112 0c-.38.097-.75.348-1.81 1.112L5.099 7.193c-1.011.728-1.39 1.01-1.661 1.356a3.3 3.3 0 0 0-.558 1.09c-.123.421-.13.894-.13 2.14V16.4c0 .992 0 1.692.045 2.238c.044.537.127.86.255 1.11a2.75 2.75 0 0 0 1.202 1.202c.25.128.573.21 1.11.255c.546.044 1.246.045 2.238.045h8.8c.992 0 1.692 0 2.238-.045c.537-.044.86-.127 1.11-.255a2.75 2.75 0 0 0 1.202-1.202c.128-.25.21-.573.255-1.11c.044-.546.045-1.246.045-2.238v-4.622c0-1.245-.007-1.718-.13-2.14a3.3 3.3 0 0 0-.558-1.089c-.27-.346-.65-.628-1.66-1.356l-4.536-3.265c-1.06-.764-1.43-1.015-1.81-1.112" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-home-user {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2016.35c-1.168%200-2.208.807-2.474%201.837a.75.75%200%201%201-1.452-.374c.445-1.73%202.112-2.963%203.926-2.963s3.481%201.233%203.926%202.963a.75.75%200%201%201-1.452.374c-.265-1.03-1.306-1.837-2.474-1.837%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%209.25a2.55%202.55%200%201%200%200%205.1a2.55%202.55%200%200%200%200-5.1m-1.05%202.55a1.05%201.05%200%201%201%202.1%200a1.05%201.05%200%200%201-2.1%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.074%201.363a3.75%203.75%200%200%201%201.852%200c.691.176%201.305.619%202.196%201.26l4.75%203.42c.884.637%201.454%201.047%201.872%201.583a4.8%204.8%200%200%201%20.816%201.592c.19.653.19%201.355.19%202.444v4.77c0%20.953%200%201.714-.05%202.328c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09%200-1.792.19-2.445a4.8%204.8%200%200%201%20.816-1.592c.418-.536.988-.946%201.872-1.582l4.75-3.42c.89-.642%201.505-1.085%202.196-1.261m1.482%201.453a2.25%202.25%200%200%200-1.112%200c-.38.097-.75.348-1.81%201.112L5.099%207.193c-1.011.728-1.39%201.01-1.661%201.356a3.3%203.3%200%200%200-.558%201.09c-.123.421-.13.894-.13%202.14V16.4c0%20.992%200%201.692.045%202.238c.044.537.127.86.255%201.11a2.75%202.75%200%200%200%201.202%201.202c.25.128.573.21%201.11.255c.546.044%201.246.045%202.238.045h8.8c.992%200%201.692%200%202.238-.045c.537-.044.86-.127%201.11-.255a2.75%202.75%200%200%200%201.202-1.202c.128-.25.21-.573.255-1.11c.044-.546.045-1.246.045-2.238v-4.622c0-1.245-.007-1.718-.13-2.14a3.3%203.3%200%200%200-.558-1.089c-.27-.346-.65-.628-1.66-1.356l-4.536-3.265c-1.06-.764-1.43-1.015-1.81-1.112%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2016.35c-1.168%200-2.208.807-2.474%201.837a.75.75%200%201%201-1.452-.374c.445-1.73%202.112-2.963%203.926-2.963s3.481%201.233%203.926%202.963a.75.75%200%201%201-1.452.374c-.265-1.03-1.306-1.837-2.474-1.837%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%209.25a2.55%202.55%200%201%200%200%205.1a2.55%202.55%200%200%200%200-5.1m-1.05%202.55a1.05%201.05%200%201%201%202.1%200a1.05%201.05%200%200%201-2.1%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.074%201.363a3.75%203.75%200%200%201%201.852%200c.691.176%201.305.619%202.196%201.26l4.75%203.42c.884.637%201.454%201.047%201.872%201.583a4.8%204.8%200%200%201%20.816%201.592c.19.653.19%201.355.19%202.444v4.77c0%20.953%200%201.714-.05%202.328c-.052.63-.16%201.172-.413%201.67a4.25%204.25%200%200%201-1.857%201.857c-.498.253-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.567c-.952%200-1.713%200-2.327-.05c-.63-.052-1.172-.16-1.67-.413a4.25%204.25%200%200%201-1.857-1.858c-.253-.497-.361-1.04-.413-1.67c-.05-.613-.05-1.374-.05-2.326v-4.77c0-1.09%200-1.792.19-2.445a4.8%204.8%200%200%201%20.816-1.592c.418-.536.988-.946%201.872-1.582l4.75-3.42c.89-.642%201.505-1.085%202.196-1.261m1.482%201.453a2.25%202.25%200%200%200-1.112%200c-.38.097-.75.348-1.81%201.112L5.099%207.193c-1.011.728-1.39%201.01-1.661%201.356a3.3%203.3%200%200%200-.558%201.09c-.123.421-.13.894-.13%202.14V16.4c0%20.992%200%201.692.045%202.238c.044.537.127.86.255%201.11a2.75%202.75%200%200%200%201.202%201.202c.25.128.573.21%201.11.255c.546.044%201.246.045%202.238.045h8.8c.992%200%201.692%200%202.238-.045c.537-.044.86-.127%201.11-.255a2.75%202.75%200%200%200%201.202-1.202c.128-.25.21-.573.255-1.11c.044-.546.045-1.246.045-2.238v-4.622c0-1.245-.007-1.718-.13-2.14a3.3%203.3%200%200%200-.558-1.089c-.27-.346-.65-.628-1.66-1.356l-4.536-3.265c-1.06-.764-1.43-1.015-1.81-1.112%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/home-user.svg?color=%231a73e8&size=48
