scan user icon

1 other variant in Mage Icons

The same icon in other sets

Use the scan user icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.221 8.623a.75.75 0 0 1-.749-.748V5.83a2.333 2.333 0 0 0-2.326-2.334H15.1A.75.75 0 1 1 15.1 2h3.076a3.83 3.83 0 0 1 2.706 1.127A3.75 3.75 0 0 1 22 5.83v2.045a.74.74 0 0 1-.779.748m-18.472 0A.75.75 0 0 1 2 7.875V5.83a3.76 3.76 0 0 1 1.118-2.703A3.82 3.82 0 0 1 5.824 2H8.9a.75.75 0 1 1 0 1.496H5.824A2.36 2.36 0 0 0 3.488 5.83v2.045a.74.74 0 0 1-.739.748m19.231 7.452v2.105a3.8 3.8 0 0 1-1.128 2.703A3.88 3.88 0 0 1 18.166 22H5.814a3.88 3.88 0 0 1-2.696-1.167A3.83 3.83 0 0 1 2.01 18.18v-2.105a.748.748 0 0 1 1.498 0v2.105a2.31 2.31 0 0 0 1.607 2.174c.55-2.992 3.905-5.187 6.84-5.187s6.28 2.205 6.83 5.187a2.3 2.3 0 0 0 .998-.578a2.33 2.33 0 0 0 .69-1.646v-2.055a.748.748 0 0 1 1.497 0zm-6.1-6.315a3.89 3.89 0 0 1-2.4 3.603a3.897 3.897 0 0 1-5.315-2.836a3.89 3.89 0 0 1 1.663-3.995a3.9 3.9 0 0 1 4.91.488a3.9 3.9 0 0 1 1.141 2.74"/></svg>

import type { SVGProps } from "react";

export function MageScanUserFill(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" d="M21.221 8.623a.75.75 0 0 1-.749-.748V5.83a2.333 2.333 0 0 0-2.326-2.334H15.1A.75.75 0 1 1 15.1 2h3.076a3.83 3.83 0 0 1 2.706 1.127A3.75 3.75 0 0 1 22 5.83v2.045a.74.74 0 0 1-.779.748m-18.472 0A.75.75 0 0 1 2 7.875V5.83a3.76 3.76 0 0 1 1.118-2.703A3.82 3.82 0 0 1 5.824 2H8.9a.75.75 0 1 1 0 1.496H5.824A2.36 2.36 0 0 0 3.488 5.83v2.045a.74.74 0 0 1-.739.748m19.231 7.452v2.105a3.8 3.8 0 0 1-1.128 2.703A3.88 3.88 0 0 1 18.166 22H5.814a3.88 3.88 0 0 1-2.696-1.167A3.83 3.83 0 0 1 2.01 18.18v-2.105a.748.748 0 0 1 1.498 0v2.105a2.31 2.31 0 0 0 1.607 2.174c.55-2.992 3.905-5.187 6.84-5.187s6.28 2.205 6.83 5.187a2.3 2.3 0 0 0 .998-.578a2.33 2.33 0 0 0 .69-1.646v-2.055a.748.748 0 0 1 1.497 0zm-6.1-6.315a3.89 3.89 0 0 1-2.4 3.603a3.897 3.897 0 0 1-5.315-2.836a3.89 3.89 0 0 1 1.663-3.995a3.9 3.9 0 0 1 4.91.488a3.9 3.9 0 0 1 1.141 2.74"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.221 8.623a.75.75 0 0 1-.749-.748V5.83a2.333 2.333 0 0 0-2.326-2.334H15.1A.75.75 0 1 1 15.1 2h3.076a3.83 3.83 0 0 1 2.706 1.127A3.75 3.75 0 0 1 22 5.83v2.045a.74.74 0 0 1-.779.748m-18.472 0A.75.75 0 0 1 2 7.875V5.83a3.76 3.76 0 0 1 1.118-2.703A3.82 3.82 0 0 1 5.824 2H8.9a.75.75 0 1 1 0 1.496H5.824A2.36 2.36 0 0 0 3.488 5.83v2.045a.74.74 0 0 1-.739.748m19.231 7.452v2.105a3.8 3.8 0 0 1-1.128 2.703A3.88 3.88 0 0 1 18.166 22H5.814a3.88 3.88 0 0 1-2.696-1.167A3.83 3.83 0 0 1 2.01 18.18v-2.105a.748.748 0 0 1 1.498 0v2.105a2.31 2.31 0 0 0 1.607 2.174c.55-2.992 3.905-5.187 6.84-5.187s6.28 2.205 6.83 5.187a2.3 2.3 0 0 0 .998-.578a2.33 2.33 0 0 0 .69-1.646v-2.055a.748.748 0 0 1 1.497 0zm-6.1-6.315a3.89 3.89 0 0 1-2.4 3.603a3.897 3.897 0 0 1-5.315-2.836a3.89 3.89 0 0 1 1.663-3.995a3.9 3.9 0 0 1 4.91.488a3.9 3.9 0 0 1 1.141 2.74"/></svg>
</template>

.icon-scan-user-fill {
  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%20d%3D%22M21.221%208.623a.75.75%200%200%201-.749-.748V5.83a2.333%202.333%200%200%200-2.326-2.334H15.1A.75.75%200%201%201%2015.1%202h3.076a3.83%203.83%200%200%201%202.706%201.127A3.75%203.75%200%200%201%2022%205.83v2.045a.74.74%200%200%201-.779.748m-18.472%200A.75.75%200%200%201%202%207.875V5.83a3.76%203.76%200%200%201%201.118-2.703A3.82%203.82%200%200%201%205.824%202H8.9a.75.75%200%201%201%200%201.496H5.824A2.36%202.36%200%200%200%203.488%205.83v2.045a.74.74%200%200%201-.739.748m19.231%207.452v2.105a3.8%203.8%200%200%201-1.128%202.703A3.88%203.88%200%200%201%2018.166%2022H5.814a3.88%203.88%200%200%201-2.696-1.167A3.83%203.83%200%200%201%202.01%2018.18v-2.105a.748.748%200%200%201%201.498%200v2.105a2.31%202.31%200%200%200%201.607%202.174c.55-2.992%203.905-5.187%206.84-5.187s6.28%202.205%206.83%205.187a2.3%202.3%200%200%200%20.998-.578a2.33%202.33%200%200%200%20.69-1.646v-2.055a.748.748%200%200%201%201.497%200zm-6.1-6.315a3.89%203.89%200%200%201-2.4%203.603a3.897%203.897%200%200%201-5.315-2.836a3.89%203.89%200%200%201%201.663-3.995a3.9%203.9%200%200%201%204.91.488a3.9%203.9%200%200%201%201.141%202.74%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%20d%3D%22M21.221%208.623a.75.75%200%200%201-.749-.748V5.83a2.333%202.333%200%200%200-2.326-2.334H15.1A.75.75%200%201%201%2015.1%202h3.076a3.83%203.83%200%200%201%202.706%201.127A3.75%203.75%200%200%201%2022%205.83v2.045a.74.74%200%200%201-.779.748m-18.472%200A.75.75%200%200%201%202%207.875V5.83a3.76%203.76%200%200%201%201.118-2.703A3.82%203.82%200%200%201%205.824%202H8.9a.75.75%200%201%201%200%201.496H5.824A2.36%202.36%200%200%200%203.488%205.83v2.045a.74.74%200%200%201-.739.748m19.231%207.452v2.105a3.8%203.8%200%200%201-1.128%202.703A3.88%203.88%200%200%201%2018.166%2022H5.814a3.88%203.88%200%200%201-2.696-1.167A3.83%203.83%200%200%201%202.01%2018.18v-2.105a.748.748%200%200%201%201.498%200v2.105a2.31%202.31%200%200%200%201.607%202.174c.55-2.992%203.905-5.187%206.84-5.187s6.28%202.205%206.83%205.187a2.3%202.3%200%200%200%20.998-.578a2.33%202.33%200%200%200%20.69-1.646v-2.055a.748.748%200%200%201%201.497%200zm-6.1-6.315a3.89%203.89%200%200%201-2.4%203.603a3.897%203.897%200%200%201-5.315-2.836a3.89%203.89%200%200%201%201.663-3.995a3.9%203.9%200%200%201%204.91.488a3.9%203.9%200%200%201%201.141%202.74%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/scan-user-fill.svg?color=%231a73e8&size=48