Add icons to this collection by clicking the heart icon.
Name Tag icon - also known as user, pass, identity, identification, id card, and name tag. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fedbb8" />
<stop offset="1" stop-color="#0e9aae" />
</linearGradient>
<linearGradient
id="b"
x1="19.83"
x2="19.83"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="24.17"
x2="24.17"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="27.5"
x2="27.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="16.5"
x2="16.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="40.5"
x2="40.5"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="45"
x2="45"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="19"
x2="19"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="54"
x2="54"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="10"
x2="10"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="25.872"
x2="25.872"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="18.128"
x2="18.128"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="22"
x2="22"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="39"
x2="39"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="25"
x2="25"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="52"
x2="52"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="12"
x2="12"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="40"
x2="40"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="24"
x2="24"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M19.647 32.755a1.001 1.001 0 0 0 .219 1.989l.146-.016a1.001 1.001 0 0 0-.219-1.989z"
/>
<path
fill="url(#c)"
d="M24.207 32.739a1.001 1.001 0 0 0-.219 1.989l.146.016a1.001 1.001 0 0 0 .219-1.989z"
/>
<path
fill="url(#d)"
d="M26.5 37.393V42a1 1 0 0 0 2 0v-4.607a1 1 0 0 0-2 0z"
/>
<path
fill="url(#e)"
d="M15.5 37.393V42a1 1 0 0 0 2 0v-4.607a1 1 0 0 0-2 0z"
/>
<g fill="url(#f)">
<path
d="M48 41H33a1 1 0 0 0 0 2h15a1 1 0 0 0 0-2zM48 34H33a1 1 0 0 0 0 2h15a1 1 0 0 0 0-2zM48 27H33a1 1 0 0 0 0 2h15a1 1 0 0 0 0-2z"
/>
</g>
<path fill="url(#g)" d="M40 20h10a1 1 0 0 0 0-2H40a1 1 0 0 0 0 2z" />
<path fill="url(#h)" d="M14 20h10a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2z" />
<path fill="url(#i)" d="M26 16h12a1 1 0 0 0 0-2H26a1 1 0 0 0 0 2z" />
<path
fill="url(#j)"
d="M54 46a1 1 0 0 0 1-1V23a1 1 0 0 0-2 0v22a1 1 0 0 0 1 1z"
/>
<path fill="url(#i)" d="M14 50h36a1 1 0 0 0 0-2H14a1 1 0 0 0 0 2z" />
<path
fill="url(#k)"
d="M10 46a1 1 0 0 0 1-1V23a1 1 0 0 0-2 0v22a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="M23.25 33.637a.999.999 0 0 0 .882 1.105 2.664 2.664 0 0 1 2.368 2.65 1 1 0 0 0 2 0 4.662 4.662 0 0 0-4.145-4.637 1 1 0 0 0-1.105.882z"
/>
<path
fill="url(#m)"
d="M16.5 38.393a1 1 0 0 0 1-1 2.664 2.664 0 0 1 2.368-2.65 1 1 0 0 0-.223-1.987 4.663 4.663 0 0 0-4.145 4.637 1 1 0 0 0 1 1z"
/>
<path fill="url(#n)" d="M16.5 43h11a1 1 0 0 0 0-2h-11a1 1 0 0 0 0 2z" />
<path
fill="url(#o)"
d="M38 16c.551 0 1 .449 1 1a1 1 0 0 0 2 0c0-1.654-1.346-3-3-3a1 1 0 0 0 0 2z"
/>
<path
fill="url(#p)"
d="M24 18a1 1 0 0 0 1-1c0-.551.449-1 1-1a1 1 0 0 0 0-2c-1.654 0-3 1.346-3 3a1 1 0 0 0 1 1z"
/>
<path fill="url(#i)" d="M24 22h16a1 1 0 0 0 0-2H24a1 1 0 0 0 0 2z" />
<path
fill="url(#q)"
d="M50 50c2.757 0 5-2.243 5-5a1 1 0 0 0-2 0c0 1.654-1.346 3-3 3a1 1 0 0 0 0 2zM50 20c1.654 0 3 1.346 3 3a1 1 0 0 0 2 0c0-2.757-2.243-5-5-5a1 1 0 0 0 0 2z"
/>
<path
fill="url(#r)"
d="M10 24a1 1 0 0 0 1-1c0-1.654 1.346-3 3-3a1 1 0 0 0 0-2c-2.757 0-5 2.243-5 5a1 1 0 0 0 1 1zM14 50a1 1 0 0 0 0-2c-1.654 0-3-1.346-3-3a1 1 0 0 0-2 0c0 2.757 2.243 5 5 5z"
/>
<path
fill="url(#n)"
d="M22 35.392c2.529 0 4.667-2.137 4.667-4.667S24.53 26.058 22 26.058s-4.667 2.137-4.667 4.667 2.138 4.667 4.667 4.667zm0-7.333c1.445 0 2.667 1.221 2.667 2.667 0 1.445-1.221 2.667-2.667 2.667s-2.667-1.221-2.667-2.667 1.222-2.667 2.667-2.667z"
/>
<path
fill="url(#s)"
d="M40 22a1 1 0 0 0 1-1v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#t)"
d="M24 22a1 1 0 0 0 1-1v-4a1 1 0 0 0-2 0v4a1 1 0 0 0 1 1z"
/>
</svg>
More icons in the same style and category