Add icons to this collection by clicking the heart icon.
Name Tag icon - also known as user, security, id card, identification 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 200 200"
>
<linearGradient id="a">
<stop offset=".1" stop-color="#0ff" />
<stop offset=".11" stop-color="#00feff" />
<stop offset=".24" stop-color="#10c9e9" />
<stop offset=".34" stop-color="#1aa8dc" />
<stop offset=".4" stop-color="#1e9cd7" />
<stop offset=".5" stop-color="#5179e0" />
<stop offset=".63" stop-color="#8e4eeb" />
<stop offset=".75" stop-color="#bf2cf4" />
<stop offset=".85" stop-color="#e214fa" />
<stop offset=".94" stop-color="#f705fe" />
<stop offset=".99" stop-color="#f0f" />
</linearGradient>
<linearGradient
id="b"
x1="10.733"
x2="179.915"
y1="121.997"
y2="121.097"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="10.621"
x2="179.803"
y1="100.931"
y2="100.032"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="10.363"
x2="179.545"
y1="52.48"
y2="51.58"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="10.61"
x2="179.792"
y1="98.84"
y2="97.94"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="10.731"
x2="179.912"
y1="121.552"
y2="120.652"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="10.858"
x2="180.04"
y1="145.549"
y2="144.649"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M29.881 149.062h54.454v-54.62h-.002v-.004H29.879v54.62h.002zm18.088-34.665c0-5.038 4.099-9.137 9.137-9.137s9.136 4.099 9.136 9.137c0 5.022-4.072 9.108-9.088 9.134l-.048-.002-.047.002c-5.017-.025-9.09-4.112-9.09-9.134zm9.137 13.061.048-.002a11.014 11.014 0 0 1 7.79 3.252 10.974 10.974 0 0 1 3.248 7.832v6.594H46.019v-6.594c0-6.098 4.948-11.058 11.039-11.084l.048.002zm23.302 17.676h-8.291v-6.594a14.87 14.87 0 0 0-4.401-10.61 15.076 15.076 0 0 0-3.485-2.601c3.568-2.334 5.935-6.359 5.935-10.932 0-7.202-5.859-13.061-13.061-13.061s-13.061 5.86-13.061 13.061c0 4.574 2.368 8.6 5.938 10.934-4.693 2.541-7.888 7.508-7.888 13.209v6.594h-8.289V98.367h46.602v46.767z"
/>
<path
fill="url(#c)"
d="M181.915 52.238a11.656 11.656 0 0 0-6.835-2.193h-46.708c-.468-6.078-3.103-11.687-7.54-15.961a24.761 24.761 0 0 0-17.297-6.988h-6.74a24.828 24.828 0 0 0-16.839 6.551 24.933 24.933 0 0 0-5.899 8.168 24.68 24.68 0 0 0-2.097 8.23H25.25c-2.725 0-5.382.954-7.478 2.685a11.704 11.704 0 0 0-4.275 9.059v99.89c0 3.137 1.225 6.09 3.449 8.314a11.664 11.664 0 0 0 8.304 3.44h149.83c3.513 0 6.813-1.554 9.058-4.264a11.783 11.783 0 0 0 2.696-7.49V61.789c0-3.775-1.838-7.345-4.919-9.551zM17.42 61.789a7.793 7.793 0 0 1 2.849-6.032 7.837 7.837 0 0 1 4.98-1.788h50.559v-1.962c0-2.99.616-5.879 1.828-8.584a21.017 21.017 0 0 1 4.974-6.886 20.918 20.918 0 0 1 14.185-5.517h6.74c5.47 0 10.644 2.09 14.572 5.887 4.136 3.987 6.415 9.349 6.415 15.1v1.962h50.558a7.75 7.75 0 0 1 4.547 1.457l.002.001a7.845 7.845 0 0 1 3.281 6.361v14.355H17.42zm165.49 99.891a7.748 7.748 0 0 1-1.796 4.989 7.815 7.815 0 0 1-6.034 2.84H25.249a7.765 7.765 0 0 1-5.529-2.29 7.789 7.789 0 0 1-2.3-5.54V80.068h165.49z"
/>
<path
fill="url(#d)"
d="M100.17 41.038c-6.048 0-10.969 4.921-10.969 10.969 0 6.043 4.921 10.959 10.969 10.959 6.043 0 10.959-4.916 10.959-10.959 0-6.048-4.916-10.969-10.959-10.969zm0 18.004c-3.884 0-7.044-3.156-7.044-7.035 0-3.884 3.16-7.045 7.044-7.045 3.879 0 7.035 3.16 7.035 7.045 0 3.88-3.157 7.035-7.035 7.035z"
/>
<path fill="url(#e)" d="M93.479 96.237h75.142v3.925H93.479z" />
<path fill="url(#f)" d="M93.479 119.034h43.364v3.925H93.479z" />
<path fill="url(#g)" d="M93.479 143.032h43.364v3.925H93.479z" />
</svg>
More icons in the same style and category