user block icon
user-block-line-duotone from Solar by 480 Design · Line Duotone · Users · CC-BY-4.0 Attribution required.
- Name
- user-block-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Users
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More users icons from Solar
user-block-rounded-bolduser-bolduser-check-bolduser-check-rounded-bolduser-circle-bolduser-cross-bolduser-cross-rounded-bolduser-hand-up-bolduser-hands-bolduser-heart-bolduser-heart-rounded-bolduser-id-bolduser-minus-bolduser-minus-rounded-bolduser-plus-bolduser-plus-rounded-bolduser-rounded-bolduser-speak-bolduser-speak-rounded-boldusers-group-rounded-boldusers-group-two-rounded-bold
Use the user block icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="6" r="4"/><path d="M15 13.3271C14.0736 13.1162 13.0609 13 12 13C7.58172 13 4 15.0147 4 17.5C4 19.9853 4 22 12 22C17.6874 22 19.3315 20.9817 19.8068 19.5" opacity=".5"/><path stroke-linejoin="round" d="M20.8284 13.1715C20.1045 12.4477 19.1046 12 18 12C15.7909 12 14 13.7909 14 16C14 17.1046 14.4477 18.1045 15.1715 18.8284C15.8954 19.5523 16.8954 20 18 20C20.2091 20 22 18.2091 22 16C22 14.8954 21.5523 13.8954 20.8284 13.1715ZM15.1715 18.8284L20.8284 13.1715"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarUserBlockLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><circle cx="12" cy="6" r="4"/><path d="M15 13.3271C14.0736 13.1162 13.0609 13 12 13C7.58172 13 4 15.0147 4 17.5C4 19.9853 4 22 12 22C17.6874 22 19.3315 20.9817 19.8068 19.5" opacity=".5"/><path strokeLinejoin="round" d="M20.8284 13.1715C20.1045 12.4477 19.1046 12 18 12C15.7909 12 14 13.7909 14 16C14 17.1046 14.4477 18.1045 15.1715 18.8284C15.8954 19.5523 16.8954 20 18 20C20.2091 20 22 18.2091 22 16C22 14.8954 21.5523 13.8954 20.8284 13.1715ZM15.1715 18.8284L20.8284 13.1715"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="6" r="4"/><path d="M15 13.3271C14.0736 13.1162 13.0609 13 12 13C7.58172 13 4 15.0147 4 17.5C4 19.9853 4 22 12 22C17.6874 22 19.3315 20.9817 19.8068 19.5" opacity=".5"/><path stroke-linejoin="round" d="M20.8284 13.1715C20.1045 12.4477 19.1046 12 18 12C15.7909 12 14 13.7909 14 16C14 17.1046 14.4477 18.1045 15.1715 18.8284C15.8954 19.5523 16.8954 20 18 20C20.2091 20 22 18.2091 22 16C22 14.8954 21.5523 13.8954 20.8284 13.1715ZM15.1715 18.8284L20.8284 13.1715"/></g></svg> </template>
CSS
.icon-user-block-line-duotone {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M15%2013.3271C14.0736%2013.1162%2013.0609%2013%2012%2013C7.58172%2013%204%2015.0147%204%2017.5C4%2019.9853%204%2022%2012%2022C17.6874%2022%2019.3315%2020.9817%2019.8068%2019.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20.8284%2013.1715C20.1045%2012.4477%2019.1046%2012%2018%2012C15.7909%2012%2014%2013.7909%2014%2016C14%2017.1046%2014.4477%2018.1045%2015.1715%2018.8284C15.8954%2019.5523%2016.8954%2020%2018%2020C20.2091%2020%2022%2018.2091%2022%2016C22%2014.8954%2021.5523%2013.8954%2020.8284%2013.1715ZM15.1715%2018.8284L20.8284%2013.1715%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%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%226%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M15%2013.3271C14.0736%2013.1162%2013.0609%2013%2012%2013C7.58172%2013%204%2015.0147%204%2017.5C4%2019.9853%204%2022%2012%2022C17.6874%2022%2019.3315%2020.9817%2019.8068%2019.5%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20.8284%2013.1715C20.1045%2012.4477%2019.1046%2012%2018%2012C15.7909%2012%2014%2013.7909%2014%2016C14%2017.1046%2014.4477%2018.1045%2015.1715%2018.8284C15.8954%2019.5523%2016.8954%2020%2018%2020C20.2091%2020%2022%2018.2091%2022%2016C22%2014.8954%2021.5523%2013.8954%2020.8284%2013.1715ZM15.1715%2018.8284L20.8284%2013.1715%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/user-block-line-duotone.svg?color=%231a73e8&size=48
