Add icons to this collection by clicking the heart icon.
Online Profile icon - also known as computer, user, laptop, and online profile. Created in a clean flat gradient style with a white and teal finish, 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 52 52"
>
<linearGradient id="a">
<stop offset="0" stop-color="#efefef" />
<stop offset="1" stop-color="#96a1b2" />
</linearGradient>
<linearGradient
id="e"
x1="26.004"
x2="26.004"
y1="37.813"
y2="49.444"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="26"
x2="26"
y1="12.594"
y2="-3.053"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="26"
x2="26"
y1="9.828"
y2="29.013"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#efefef" />
<stop offset=".8" stop-color="#a8b1be" />
<stop offset="1" stop-color="#96a1b2" />
</linearGradient>
<linearGradient
id="h"
x1="26"
x2="26"
y1="43.518"
y2="54.169"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="51.168"
x2="7.701"
y1="5.772"
y2="5.772"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dae7ed" />
<stop offset=".713" stop-color="#a2b9bd" />
<stop offset="1" stop-color="#8ca6aa" />
</linearGradient>
<linearGradient id="b">
<stop offset=".569" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<linearGradient
id="j"
x1="7.803"
x2="44.197"
y1="15.791"
y2="15.791"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="11.699"
cy="11.077"
r="2.115"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" stop-opacity=".5" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<radialGradient
id="l"
cx="11.699"
cy="11.077"
r="1.566"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient
id="m"
x1="26.106"
x2="25.734"
y1="24.186"
y2="-.492"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fef328" />
<stop offset=".886" stop-color="#ff7f02" />
</linearGradient>
<linearGradient
id="n"
x1="26.221"
x2="25.869"
y1="20.465"
y2="15.956"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="26.028"
x2="26.028"
y1="15.416"
y2="9.776"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="26.247"
x2="25.497"
y1="12.798"
y2="9.665"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#727272" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#727272" />
<stop offset=".549" stop-color="#484848" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="q"
x1="28.107"
x2="34.807"
y1="44.025"
y2="44.025"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="38.278"
x2="44.844"
y1="40.572"
y2="40.572"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="38.806"
x2="45.673"
y1="44.025"
y2="44.025"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="t"
x1="28.018"
x2="34.432"
y1="40.572"
y2="40.572"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="17.261"
x2="23.961"
y1="44.025"
y2="44.025"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="v"
x1="27.864"
x2="33.771"
y1="34.459"
y2="34.459"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="w"
x1="27.941"
x2="34.092"
y1="37.394"
y2="37.394"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="x"
x1="37.351"
x2="43.368"
y1="34.459"
y2="34.459"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="y"
x1="17.636"
x2="24.049"
y1="40.572"
y2="40.572"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="z"
x1="18.286"
x2="24.195"
y1="34.459"
y2="34.459"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="A"
x1="6.386"
x2="13.262"
y1="44.025"
y2="44.025"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="B"
x1="17.976"
x2="24.127"
y1="37.394"
y2="37.394"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="C"
x1="8.689"
x2="14.709"
y1="34.459"
y2="34.459"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="D"
x1="37.801"
x2="44.074"
y1="37.394"
y2="37.394"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="E"
x1="7.222"
x2="13.788"
y1="40.572"
y2="40.572"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="F"
x1="7.984"
x2="14.265"
y1="37.394"
y2="37.394"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M49.742 45.051v2.923h-.015c-.112 1.073-.99 2.026-2.243 2.026H4.516c-1.253 0-2.131-.953-2.244-2.026h-.007v-2.923h1.47l1.228-11.37h40.626l2.675 11.37z"
/>
<path
fill="url(#f)"
d="M47.037 29.58V7.44A5.439 5.439 0 0 0 41.597 2H10.402a5.444 5.444 0 0 0-5.44 5.44v22.14h42.075z"
/>
<path
fill="url(#g)"
d="M47.037 31.113V8.666a5.439 5.439 0 0 0-5.44-5.44H10.402a5.444 5.444 0 0 0-5.44 5.44v22.447z"
/>
<path
fill="url(#h)"
d="M47.484 47.355H4.516c-1.658 0-2.664-1.681-2.101-3.084l2.548-13.156h42.074l2.548 13.156c.562 1.403-.443 3.084-2.101 3.084z"
/>
<path
fill="url(#i)"
d="M47.037 8.666c-.094-2.257-1.516-4.191-3.546-4.9-.991-.4-2.057-.32-3.156-.304-30.876.356-30.093-.394-31.824.306-1.984.693-3.452 2.595-3.548 4.898-.12-2.202 1.317-4.395 3.415-5.241.518-.225 1.08-.34 1.64-.39 3.616-.297 26.705-.087 30.317-.045.55.017 1.075-.002 1.647.045.562.051 1.123.165 1.64.39 2.1.844 3.535 3.04 3.415 5.24z"
/>
<path
fill="#0d81f3"
d="M41.842 6.065H10.158a2.355 2.355 0 0 0-2.355 2.356v17.497c0 1.301 1.054 2.356 2.355 2.356h31.684c1.3 0 2.355-1.055 2.355-2.356V8.421c0-1.301-1.054-2.356-2.355-2.356z"
/>
<path
fill="url(#j)"
d="M44.197 8.57v-.15c0-1.3-1.054-2.355-2.355-2.355H10.158a2.355 2.355 0 0 0-2.355 2.356v17.095C30.436 24.431 40.478 14.007 44.197 8.57z"
/>
<circle cx="11.699" cy="11.077" r="2.115" fill="url(#k)" />
<path
fill="url(#l)"
d="m11.973 11.22.521.652-.652-.521-.143 1.293-.143-1.293-.652.521.522-.652-1.293-.143 1.293-.144-.522-.65.652.52.143-1.292.143 1.293.652-.522-.52.651 1.292.144z"
/>
<path
fill="url(#m)"
d="M44.197 25.918V8.421c0-1.301-1.054-2.356-2.355-2.356H10.158a2.355 2.355 0 0 0-2.355 2.356v17.497c0 1.13.797 2.073 1.859 2.301.164.03.33.062.496.055-.898-.022-1.725-.602-2.053-1.399-.182-.399-.204-.815-.18-1.265.354-14.341.106-5.452.336-17.332a1.89 1.89 0 0 1 1.239-1.6c.333-.13.66-.118 1.143-.113 26.157.13 28.2 0 30.714 0 1.682-.018 2.31.802 2.384 1.713l.17 10.653.132 5.343.033 1.336c.024.45 0 .866-.18 1.266-.329.796-1.157 1.376-2.054 1.398.167.007.332-.024.496-.055a2.355 2.355 0 0 0 1.86-2.3z"
/>
<path fill="url(#n)" d="M24.275 15.328h3.467v4.828h-3.467z" />
<path
fill="#efefef"
d="M31.971 18.687a2.073 2.073 0 0 0-1.152-1.248c-.1-.05-.059-.026-3.078-1.04l-.002.003s-.294.52-.645 1.097a1.27 1.27 0 0 1-2.167.004c-.356-.58-.656-1.105-.656-1.105-3.02 1.018-3.032 1.006-3.184 1.089a2.076 2.076 0 0 0-1.108 1.47l-.537 4.013c0 2.842 13.123 2.842 13.123 0-.527-3.935-.493-4-.594-4.283z"
/>
<path
fill="url(#o)"
d="M23.614 11.077v2.337c0 1.333 1.08 3.204 2.414 3.204s2.415-1.871 2.415-3.204v-2.337z"
/>
<path
fill="url(#p)"
d="M28.673 11.152c-.102-.657-.501-1.192-1.036-1.398-1.991-.765-3.683-.292-4.11.722-.482 1.144.096 3.157.096 3.157-.047-1.071.293-1.836.448-2.205.156-.37.62.21 2.165.595 1.533.382 1.939-.722 2.015-.527.246.627.183 2.137.183 2.137.356-.853.347-1.789.239-2.481z"
/>
<path
fill="url(#q)"
d="M34.28 42.944h-5.796a.377.377 0 0 0-.377.386l.036 1.41a.377.377 0 0 0 .377.366h5.91a.377.377 0 0 0 .375-.417l-.151-1.409a.377.377 0 0 0-.375-.336z"
/>
<path
fill="url(#r)"
d="M44.467 41.565a.377.377 0 0 0 .367-.465l-.295-1.232a.377.377 0 0 0-.366-.29h-5.519a.377.377 0 0 0-.372.435l.192 1.233a.377.377 0 0 0 .372.319h5.621z"
/>
<path
fill="url(#s)"
d="m45.663 44.643-.33-1.409a.377.377 0 0 0-.367-.29h-5.783a.377.377 0 0 0-.373.433l.216 1.41c.028.183.186.32.372.32h5.899a.377.377 0 0 0 .366-.464z"
/>
<path
fill="url(#t)"
d="M28.422 41.565h5.634a.377.377 0 0 0 .374-.417l-.13-1.232a.377.377 0 0 0-.374-.337h-5.532a.377.377 0 0 0-.376.385l.027 1.232a.377.377 0 0 0 .377.369z"
/>
<path
fill="url(#u)"
d="M23.584 42.944H17.79a.377.377 0 0 0-.374.336l-.151 1.41a.377.377 0 0 0 .374.416h5.91a.377.377 0 0 0 .377-.367l.036-1.409a.377.377 0 0 0-.377-.386z"
/>
<path
fill="url(#v)"
d="M28.266 35.309h5.129a.377.377 0 0 0 .374-.416l-.098-.945a.377.377 0 0 0-.375-.338h-5.055a.377.377 0 0 0-.377.386l.025.946a.377.377 0 0 0 .377.367z"
/>
<path
fill="url(#w)"
d="M28.344 38.31h5.371a.377.377 0 0 0 .375-.415l-.11-1.078a.377.377 0 0 0-.375-.339h-5.287a.377.377 0 0 0-.377.386l.026 1.078a.377.377 0 0 0 .377.368z"
/>
<path
fill="url(#x)"
d="M42.991 35.309a.377.377 0 0 0 .367-.462l-.221-.946a.377.377 0 0 0-.367-.291h-5.042a.377.377 0 0 0-.373.435l.148.945a.377.377 0 0 0 .372.319z"
/>
<path
fill="url(#y)"
d="M23.672 39.579h-5.53a.377.377 0 0 0-.374.337l-.13 1.232a.377.377 0 0 0 .375.417h5.625c.204 0 .37-.163.376-.367l.034-1.232a.377.377 0 0 0-.376-.387z"
/>
<path
fill="url(#z)"
d="M23.819 33.61H18.76a.377.377 0 0 0-.375.338l-.098.945a.377.377 0 0 0 .375.416H23.8a.377.377 0 0 0 .377-.37l.018-.945a.377.377 0 0 0-.376-.384z"
/>
<path
fill="url(#A)"
d="M12.885 42.944H7.101a.377.377 0 0 0-.367.289l-.337 1.409a.377.377 0 0 0 .366.464h5.907a.377.377 0 0 0 .372-.32l.216-1.409a.377.377 0 0 0-.373-.433z"
/>
<path
fill="url(#B)"
d="M23.75 36.478h-5.286a.377.377 0 0 0-.375.339l-.11 1.078a.377.377 0 0 0 .374.415h5.372a.377.377 0 0 0 .376-.368l.026-1.078a.377.377 0 0 0-.376-.386z"
/>
<path
fill="url(#C)"
d="M14.332 33.61H9.287a.377.377 0 0 0-.367.29l-.22.947a.377.377 0 0 0 .366.462h5.125a.377.377 0 0 0 .373-.321l.141-.946a.377.377 0 0 0-.373-.432z"
/>
<path
fill="url(#D)"
d="M43.697 38.31a.377.377 0 0 0 .367-.463l-.254-1.078a.377.377 0 0 0-.366-.29h-5.266a.377.377 0 0 0-.373.432l.163 1.078c.027.185.186.32.372.32z"
/>
<path
fill="url(#E)"
d="M13.412 39.579H7.886a.377.377 0 0 0-.367.29l-.287 1.233a.377.377 0 0 0 .366.463h5.615a.377.377 0 0 0 .372-.317l.198-1.233a.377.377 0 0 0-.371-.436z"
/>
<path
fill="url(#F)"
d="M13.888 36.478H8.614a.377.377 0 0 0-.367.291l-.253 1.078a.377.377 0 0 0 .366.463h5.359a.377.377 0 0 0 .372-.318l.169-1.079a.377.377 0 0 0-.372-.435z"
/>
</svg>
More icons in the same style and category