Add icons to this collection by clicking the heart icon.
Granny icon - also known as user, people, profile, social, avatar, grandmother, old people, medical mask, granny, and grandma. Created in a clean gradient style with a white, silver, gray, navy, and pink 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f2ae6f" />
<stop offset="1" stop-color="#f2d1a5" />
</linearGradient>
<linearGradient
id="e"
x1="74.211"
x2="25.159"
y1="219.249"
y2="219.249"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f9edaf" />
<stop offset="1" stop-color="#fffcdd" />
</linearGradient>
<linearGradient
id="f"
x1="60.619"
x2="60.619"
y1="287.498"
y2="229.182"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="-125.789"
x2="-174.842"
y1="219.249"
y2="219.249"
gradientTransform="matrix(-1 0 0 1 302 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="441.381"
x2="441.381"
y1="287.498"
y2="229.182"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="i"
x1="155.819"
x2="68.776"
y1="423.223"
y2="423.223"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="-3236.181"
x2="-3323.224"
y1="423.223"
y2="423.223"
gradientTransform="matrix(-1 0 0 1 -2890 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="251"
x2="251"
y1="292.513"
y2="473.43"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="208.485"
x2="208.485"
y1="390.136"
y2="417.826"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-19.119"
x2="-19.119"
y1="390.136"
y2="417.826"
gradientTransform="matrix(-1 0 0 1 274.397 0)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="251"
x2="251"
y1="520.523"
y2="193.64"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#d4dbdb" />
<stop offset="1" stop-color="#f3f3f3" />
</linearGradient>
<linearGradient
id="o"
x1="250.349"
x2="250.349"
y1="461.959"
y2="318.628"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="251"
x2="251"
y1="255.005"
y2="46.762"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="251"
x2="251"
y1="484.492"
y2="452.963"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#e)"
d="M115.887 213.71c0-27.8-22.536-50.336-50.336-50.336S15.216 185.91 15.216 213.71c0 38.048 31.614 61.413 59.414 61.413s41.257-33.614 41.257-61.413z"
/>
<circle cx="60.619" cy="266.014" r="30.624" fill="url(#f)" />
<path
fill="url(#g)"
d="M386.113 213.71c0-27.8 22.536-50.336 50.336-50.336s50.336 22.536 50.336 50.336c0 38.048-31.614 61.413-59.414 61.413s-41.258-33.614-41.258-61.413z"
/>
<circle cx="441.381" cy="266.014" r="30.624" fill="url(#h)" />
<path
fill="url(#i)"
d="M158.496 344.447c-62.263 10.48-101.597 69.486-111.081 129.542C45.092 488.695 56.462 502 71.35 502h31.561L204.82 344.447z"
/>
<path
fill="url(#j)"
d="M343.504 344.447c62.263 10.48 101.597 69.486 111.081 129.542C456.908 488.695 445.538 502 430.65 502h-31.561L297.181 344.447z"
/>
<path
fill="url(#k)"
d="M399.089 502c0-100.359-66.302-181.716-148.089-181.716S102.911 401.641 102.911 502z"
/>
<path
fill="#e05d6f"
d="M131.866 394.059c34.989 21.687 76.125 33.35 119.134 33.35 18.997 0 37.627-2.28 55.525-6.69 9.527-2.348 14.917-12.442 11.576-21.668-2.872-7.929-11.259-12.438-19.445-10.411-15.188 3.76-31.165 5.77-47.656 5.77-36.715 0-70.88-9.95-99.454-27.047-7.253 8.071-13.847 17.017-19.68 26.696z"
/>
<path
fill="url(#l)"
d="M251 394.408c-3.536 9.396-21.333 28.633-32.978 39.697-5.239 4.978-13.311 5.565-19.155 1.315-25.344-18.43-46.981-58.098-21.458-91.144z"
/>
<path
fill="#f2e07e"
d="M179.929 416.286c14.861 4.815 30.33 8.111 46.186 9.798 10.495-10.802 22.103-24.283 24.885-31.676-30.711 0-59.638-6.96-85.001-19.241-.454 14.756 5.32 29.187 13.93 41.119z"
/>
<path
fill="url(#m)"
d="M251 394.408c3.536 9.396 21.333 28.633 32.978 39.697 5.239 4.978 13.311 5.565 19.155 1.315 25.344-18.43 46.981-58.098 21.457-91.144z"
/>
<path
fill="#f2e07e"
d="M306.525 420.718c9.527-2.348 14.917-12.442 11.576-21.668-2.872-7.929-11.259-12.438-19.445-10.411-15.188 3.76-31.165 5.77-47.656 5.77 2.78 7.388 14.377 20.859 24.868 31.658 10.404-1.108 20.648-2.883 30.657-5.349z"
/>
<ellipse cx="251" cy="228.502" fill="url(#n)" rx="181.716" ry="165.906" />
<ellipse cx="163.115" cy="259.006" fill="#eaadcd" rx="14.936" ry="12.003" />
<ellipse cx="338.886" cy="259.006" fill="#eaadcd" rx="14.936" ry="12.003" />
<circle cx="188.721" cy="229.388" r="29.618" fill="#fff" />
<circle cx="313.279" cy="229.388" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle cx="188.721" cy="229.388" r="17.652" />
<circle cx="313.279" cy="229.388" r="17.652" />
<path
d="M251 259.948c-5.247 0-10.495-1.984-14.775-5.954a5 5 0 1 1 6.798-7.333c4.697 4.354 11.256 4.354 15.953 0a5 5 0 1 1 6.798 7.333c-4.279 3.969-9.527 5.954-14.774 5.954z"
/>
</g>
<path
fill="#e05d6f"
d="M167.701 332.239c-1.746 0-3.52-.36-5.217-1.119-46.619-20.857-97.231-71.378-99.473-150.625-.199-7.062 5.364-12.95 12.426-13.15 7.04-.208 12.949 5.363 13.15 12.426.889 31.424 10.43 59.422 28.359 83.212 14.467 19.197 34.35 35.101 55.987 44.782 6.45 2.885 9.339 10.452 6.453 16.901-2.127 4.754-6.796 7.573-11.685 7.573zM334.3 332.239c-4.89 0-9.558-2.819-11.684-7.572-2.886-6.449.003-14.016 6.453-16.901 21.637-9.681 41.52-25.585 55.987-44.782 17.929-23.791 27.47-51.788 28.359-83.212a12.78 12.78 0 0 1 13.15-12.426c7.062.2 12.625 6.087 12.426 13.15-2.242 79.246-52.854 129.768-99.473 150.625a12.77 12.77 0 0 1-5.218 1.118z"
/>
<path
fill="url(#o)"
d="M250.349 405.425c74.523 0 108.43-43.738 100.429-85.343-8.001-41.604-73.608-79.147-100.429-79.147s-92.428 37.542-100.429 79.147 25.906 85.343 100.429 85.343z"
/>
<g fill="#c2c8cf">
<path
d="M277.022 312.805h-53.346c-7.065 0-12.793-5.728-12.793-12.793s5.728-12.793 12.793-12.793h53.346c7.065 0 12.793 5.728 12.793 12.793s-5.728 12.793-12.793 12.793zM288.502 364.565h-76.306c-7.065 0-12.793-5.728-12.793-12.793s5.728-12.793 12.793-12.793h76.306c7.065 0 12.793 5.728 12.793 12.793s-5.728 12.793-12.793 12.793z"
/>
</g>
<path
fill="url(#p)"
d="M423.64 75.621a9.556 9.556 0 0 1-6.004-7.464c-3.975-25.334-25.896-44.713-52.346-44.713a52.63 52.63 0 0 0-27.225 7.545c-3.899 2.346-8.876 1.395-11.902-2.005C310.697 11.604 282.83 0 251 0s-59.697 11.605-75.163 28.984c-3.025 3.399-8.003 4.351-11.902 2.005a52.626 52.626 0 0 0-27.224-7.545c-26.45 0-48.372 19.379-52.346 44.713a9.56 9.56 0 0 1-6.005 7.464c-22.162 8.555-37.966 30.839-37.966 56.986 0 33.54 26.002 60.73 58.078 60.73 30.746 0 54.922-17.581 63.217-41.906 1.604-4.702 6.613-7.289 11.411-5.999 24.968 6.716 53.076 1.566 71.834-13.902a9.511 9.511 0 0 1 12.134 0c18.749 15.459 46.854 20.622 71.834 13.902 4.798-1.291 9.807 1.297 11.41 5.999 8.296 24.324 32.471 41.906 63.217 41.906 32.076 0 58.078-27.19 58.078-60.73-.001-26.147-15.804-48.431-37.967-56.986z"
/>
<path
fill="#e8aa70"
d="M138.181 235.66a10 10 0 0 1-1.59-.127c-11.23-1.794-20.721-4.646-29.015-8.721-4.956-2.435-7-8.428-4.566-13.385 2.436-4.956 8.427-7.003 13.386-4.565 6.478 3.183 14.115 5.447 23.349 6.921 5.453.871 9.169 5.998 8.298 11.452-.785 4.92-5.035 8.425-9.862 8.425zM363.819 235.66c-4.828 0-9.076-3.505-9.862-8.425-.871-5.454 2.845-10.581 8.298-11.452 9.233-1.474 16.871-3.738 23.349-6.921 4.958-2.436 10.949-.392 13.386 4.565 2.435 4.957.391 10.95-4.565 13.385-8.294 4.075-17.785 6.927-29.015 8.721-.535.086-1.066.127-1.591.127z"
/>
<circle cx="251" cy="467.82" r="16.309" fill="url(#q)" />
</svg>
More icons in the same style and category