avatar icon
avatar from IconPark TwoTone by ByteDance · Two tone · Peoples · Apache-2.0 Free for personal and commercial use.
- Name
- avatar
- Set
- IconPark TwoTone
- Style
- Two tone
- Category
- Peoples
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More peoples icons from IconPark TwoTone
Use the avatar icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGIzsXqb4I1"><path fill="#555" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M5.004 42.231a.78.78 0 0 0 .791.769h36.407a.78.78 0 0 0 .792-.769v-.918c.018-.277.055-1.657-.855-3.184c-.574-.963-1.407-1.794-2.476-2.472c-1.293-.82-2.938-1.413-4.928-1.77a29 29 0 0 1-3.002-.584c-2.632-.672-2.862-1.267-2.864-1.273a.8.8 0 0 0-.066-.169c-.022-.11-.075-.528.027-1.647c.258-2.843 1.783-4.523 3.008-5.873c.386-.425.751-.828 1.032-1.222c1.213-1.7 1.325-3.635 1.33-3.755a2 2 0 0 0-.087-.628c-.12-.37-.343-.6-.507-.77a3 3 0 0 1-.113-.12c-.012-.014-.044-.052-.015-.243a19 19 0 0 0 .203-1.857c.056-1.002.099-2.5-.16-3.959a6 6 0 0 0-.172-.825q-.408-1.507-1.32-2.57c-.105-.115-2.653-2.8-10.05-3.35c-1.023-.076-2.034-.035-3.03.016a4.4 4.4 0 0 0-.875.108c-.764.197-.968.681-1.021.952c-.089.45.067.798.17 1.03c.015.033.034.074.001.182c-.171.266-.442.506-.717.733c-.08.067-1.934 1.667-2.036 3.756c-.275 1.589-.255 4.064.07 5.775c.02.095.047.235.002.33c-.35.313-.746.668-.745 1.478c.004.082.117 2.016 1.33 3.717c.28.394.645.796 1.03 1.221l.002.001c1.225 1.35 2.75 3.03 3.008 5.872c.101 1.12.048 1.537.027 1.648a.8.8 0 0 0-.067.169c-.001.006-.23.599-2.85 1.27c-1.512.387-3 .585-3.045.59c-1.934.327-3.569.906-4.86 1.721c-1.065.673-1.9 1.507-2.48 2.477c-.928 1.55-.903 2.962-.89 3.22z"/></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGIzsXqb4I1)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneAvatar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGIzsXqb4I1"><path fill="#555" stroke="#fff" strokeLinejoin="round" strokeWidth="4" d="M5.004 42.231a.78.78 0 0 0 .791.769h36.407a.78.78 0 0 0 .792-.769v-.918c.018-.277.055-1.657-.855-3.184c-.574-.963-1.407-1.794-2.476-2.472c-1.293-.82-2.938-1.413-4.928-1.77a29 29 0 0 1-3.002-.584c-2.632-.672-2.862-1.267-2.864-1.273a.8.8 0 0 0-.066-.169c-.022-.11-.075-.528.027-1.647c.258-2.843 1.783-4.523 3.008-5.873c.386-.425.751-.828 1.032-1.222c1.213-1.7 1.325-3.635 1.33-3.755a2 2 0 0 0-.087-.628c-.12-.37-.343-.6-.507-.77a3 3 0 0 1-.113-.12c-.012-.014-.044-.052-.015-.243a19 19 0 0 0 .203-1.857c.056-1.002.099-2.5-.16-3.959a6 6 0 0 0-.172-.825q-.408-1.507-1.32-2.57c-.105-.115-2.653-2.8-10.05-3.35c-1.023-.076-2.034-.035-3.03.016a4.4 4.4 0 0 0-.875.108c-.764.197-.968.681-1.021.952c-.089.45.067.798.17 1.03c.015.033.034.074.001.182c-.171.266-.442.506-.717.733c-.08.067-1.934 1.667-2.036 3.756c-.275 1.589-.255 4.064.07 5.775c.02.095.047.235.002.33c-.35.313-.746.668-.745 1.478c.004.082.117 2.016 1.33 3.717c.28.394.645.796 1.03 1.221l.002.001c1.225 1.35 2.75 3.03 3.008 5.872c.101 1.12.048 1.537.027 1.648a.8.8 0 0 0-.067.169c-.001.006-.23.599-2.85 1.27c-1.512.387-3 .585-3.045.59c-1.934.327-3.569.906-4.86 1.721c-1.065.673-1.9 1.507-2.48 2.477c-.928 1.55-.903 2.962-.89 3.22z"/></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGIzsXqb4I1)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGIzsXqb4I1"><path fill="#555" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M5.004 42.231a.78.78 0 0 0 .791.769h36.407a.78.78 0 0 0 .792-.769v-.918c.018-.277.055-1.657-.855-3.184c-.574-.963-1.407-1.794-2.476-2.472c-1.293-.82-2.938-1.413-4.928-1.77a29 29 0 0 1-3.002-.584c-2.632-.672-2.862-1.267-2.864-1.273a.8.8 0 0 0-.066-.169c-.022-.11-.075-.528.027-1.647c.258-2.843 1.783-4.523 3.008-5.873c.386-.425.751-.828 1.032-1.222c1.213-1.7 1.325-3.635 1.33-3.755a2 2 0 0 0-.087-.628c-.12-.37-.343-.6-.507-.77a3 3 0 0 1-.113-.12c-.012-.014-.044-.052-.015-.243a19 19 0 0 0 .203-1.857c.056-1.002.099-2.5-.16-3.959a6 6 0 0 0-.172-.825q-.408-1.507-1.32-2.57c-.105-.115-2.653-2.8-10.05-3.35c-1.023-.076-2.034-.035-3.03.016a4.4 4.4 0 0 0-.875.108c-.764.197-.968.681-1.021.952c-.089.45.067.798.17 1.03c.015.033.034.074.001.182c-.171.266-.442.506-.717.733c-.08.067-1.934 1.667-2.036 3.756c-.275 1.589-.255 4.064.07 5.775c.02.095.047.235.002.33c-.35.313-.746.668-.745 1.478c.004.082.117 2.016 1.33 3.717c.28.394.645.796 1.03 1.221l.002.001c1.225 1.35 2.75 3.03 3.008 5.872c.101 1.12.048 1.537.027 1.648a.8.8 0 0 0-.067.169c-.001.006-.23.599-2.85 1.27c-1.512.387-3 .585-3.045.59c-1.934.327-3.569.906-4.86 1.721c-1.065.673-1.9 1.507-2.48 2.477c-.928 1.55-.903 2.962-.89 3.22z"/></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGIzsXqb4I1)"/></svg> </template>
CSS
.icon-avatar {
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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGIzsXqb4I1%22%3E%3Cpath%20fill%3D%22%23555%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M5.004%2042.231a.78.78%200%200%200%20.791.769h36.407a.78.78%200%200%200%20.792-.769v-.918c.018-.277.055-1.657-.855-3.184c-.574-.963-1.407-1.794-2.476-2.472c-1.293-.82-2.938-1.413-4.928-1.77a29%2029%200%200%201-3.002-.584c-2.632-.672-2.862-1.267-2.864-1.273a.8.8%200%200%200-.066-.169c-.022-.11-.075-.528.027-1.647c.258-2.843%201.783-4.523%203.008-5.873c.386-.425.751-.828%201.032-1.222c1.213-1.7%201.325-3.635%201.33-3.755a2%202%200%200%200-.087-.628c-.12-.37-.343-.6-.507-.77a3%203%200%200%201-.113-.12c-.012-.014-.044-.052-.015-.243a19%2019%200%200%200%20.203-1.857c.056-1.002.099-2.5-.16-3.959a6%206%200%200%200-.172-.825q-.408-1.507-1.32-2.57c-.105-.115-2.653-2.8-10.05-3.35c-1.023-.076-2.034-.035-3.03.016a4.4%204.4%200%200%200-.875.108c-.764.197-.968.681-1.021.952c-.089.45.067.798.17%201.03c.015.033.034.074.001.182c-.171.266-.442.506-.717.733c-.08.067-1.934%201.667-2.036%203.756c-.275%201.589-.255%204.064.07%205.775c.02.095.047.235.002.33c-.35.313-.746.668-.745%201.478c.004.082.117%202.016%201.33%203.717c.28.394.645.796%201.03%201.221l.002.001c1.225%201.35%202.75%203.03%203.008%205.872c.101%201.12.048%201.537.027%201.648a.8.8%200%200%200-.067.169c-.001.006-.23.599-2.85%201.27c-1.512.387-3%20.585-3.045.59c-1.934.327-3.569.906-4.86%201.721c-1.065.673-1.9%201.507-2.48%202.477c-.928%201.55-.903%202.962-.89%203.22z%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGIzsXqb4I1)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGIzsXqb4I1%22%3E%3Cpath%20fill%3D%22%23555%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M5.004%2042.231a.78.78%200%200%200%20.791.769h36.407a.78.78%200%200%200%20.792-.769v-.918c.018-.277.055-1.657-.855-3.184c-.574-.963-1.407-1.794-2.476-2.472c-1.293-.82-2.938-1.413-4.928-1.77a29%2029%200%200%201-3.002-.584c-2.632-.672-2.862-1.267-2.864-1.273a.8.8%200%200%200-.066-.169c-.022-.11-.075-.528.027-1.647c.258-2.843%201.783-4.523%203.008-5.873c.386-.425.751-.828%201.032-1.222c1.213-1.7%201.325-3.635%201.33-3.755a2%202%200%200%200-.087-.628c-.12-.37-.343-.6-.507-.77a3%203%200%200%201-.113-.12c-.012-.014-.044-.052-.015-.243a19%2019%200%200%200%20.203-1.857c.056-1.002.099-2.5-.16-3.959a6%206%200%200%200-.172-.825q-.408-1.507-1.32-2.57c-.105-.115-2.653-2.8-10.05-3.35c-1.023-.076-2.034-.035-3.03.016a4.4%204.4%200%200%200-.875.108c-.764.197-.968.681-1.021.952c-.089.45.067.798.17%201.03c.015.033.034.074.001.182c-.171.266-.442.506-.717.733c-.08.067-1.934%201.667-2.036%203.756c-.275%201.589-.255%204.064.07%205.775c.02.095.047.235.002.33c-.35.313-.746.668-.745%201.478c.004.082.117%202.016%201.33%203.717c.28.394.645.796%201.03%201.221l.002.001c1.225%201.35%202.75%203.03%203.008%205.872c.101%201.12.048%201.537.027%201.648a.8.8%200%200%200-.067.169c-.001.006-.23.599-2.85%201.27c-1.512.387-3%20.585-3.045.59c-1.934.327-3.569.906-4.86%201.721c-1.065.673-1.9%201.507-2.48%202.477c-.928%201.55-.903%202.962-.89%203.22z%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGIzsXqb4I1)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/avatar.svg?color=%231a73e8&size=48
