Add icons to this collection by clicking the heart icon.
Contact icon - also known as user, people, contact, mobile, account, and personal info. Created in a clean flat 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 356 356"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(177.778 0 0 300 88.889 177.778)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e8f5e4" />
<stop offset="1" stop-color="#d8d6fa" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#75858c" />
<stop offset="1" stop-color="#405a65" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(177.778 0 0 33.333 88.889 44.444)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(177.778 0 0 33.333 88.889 311.111)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(100.93 0 0 44.444 127.218 216.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7fe1ef" />
<stop offset="1" stop-color="#0bb2f5" />
</linearGradient>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 28.547 145.181) scale(61.111)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f9bf93" />
<stop offset="1" stop-color="#f78068" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M266.667 50a22.222 22.222 0 0 0-22.223-22.222H111.111a22.218 22.218 0 0 0-15.713 6.509A22.218 22.218 0 0 0 88.889 50v255.556a22.22 22.22 0 0 0 22.222 22.222h133.333a22.222 22.222 0 0 0 22.223-22.222V50z"
/>
<path
fill="url(#c)"
d="M266.667 50a22.222 22.222 0 0 0-22.223-22.222H111.111a22.218 22.218 0 0 0-15.713 6.509A22.218 22.218 0 0 0 88.889 50v11.111h177.778z"
/>
<path
fill="url(#d)"
d="M266.667 294.444H88.889v11.111a22.22 22.22 0 0 0 22.222 22.223h133.333a22.222 22.222 0 0 0 22.223-22.223v-11.111z"
/>
<path
fill="url(#e)"
d="M216.341 200c-4.096-3.38-16.666-5.556-16.666-5.556s-8.034 11.112-22.167 11.112-22.278-11.112-22.278-11.112-12.614 2.145-16.666 5.556c-2.405 2.024-5.83 6.525-8.922 10.951a11.039 11.039 0 0 0 4.173 17.005c11.044 4.773 28.309 10.933 44.698 10.933 16.134 0 32.594-5.97 43.211-10.764a10.965 10.965 0 0 0 6.144-7.515 10.966 10.966 0 0 0-2.232-9.447c-3.198-4.527-6.812-9.114-9.295-11.163z"
/>
<path
fill="url(#f)"
d="M149.959 150s-2.167-33.333 28.072-33.333S205.397 150 205.397 150c0 16.864-16.279 33.333-27.366 33.333-11.088 0-28.072-16.469-28.072-33.333z"
/>
</g>
</svg>
More icons in the same style and category