Add icons to this collection by clicking the heart icon.
Telephone icon - also known as technology, phone, call, conversation, telephone, telephone call, phone call, and communications. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-59.197"
x2="5.275"
y1="606.625"
y2="606.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M232 80h16v16h-16V80z" fill="url(#a)" />
<linearGradient
id="b"
x1="-59.197"
x2="5.275"
y1="606.625"
y2="606.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M264 80h16v16h-16V80z" fill="url(#b)" />
<linearGradient
id="c"
x1="-59.197"
x2="5.275"
y1="606.625"
y2="606.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M296 80h16v16h-16V80z" fill="url(#c)" />
<linearGradient
id="d"
x1="-59.197"
x2="5.275"
y1="606.625"
y2="606.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M328 80h16v16h-16V80z" fill="url(#d)" />
<linearGradient
id="e"
x1="-59.197"
x2="5.275"
y1="606.625"
y2="606.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path d="M360 80h16v16h-16V80z" fill="url(#e)" />
<linearGradient
id="f"
x1="-59.197"
x2="5.275"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M112 480h256c48.577-.057 87.943-39.423 88-88V88c-.057-48.577-39.423-87.943-88-88H112C63.423.057 24.057 39.423 24 88v304c.057 48.577 39.423 87.943 88 88zM40 88c.048-39.744 32.256-71.952 72-72h256c39.744.048 71.952 32.256 72 72v304c-.048 39.744-32.256 71.952-72 72H112c-39.744-.048-71.952-32.256-72-72V88z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-59.197"
x2="5.275"
y1="565.125"
y2="565.125"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M416.664 392.112a8 8 0 0 0-9.223 6.553l-.001.007C404.237 417.945 387.537 432.057 368 432a8 8 0 0 0 0 16c27.347.061 50.713-19.695 55.2-46.672a8 8 0 0 0-6.536-9.216z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-59.197"
x2="5.275"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M128 432c30.913-.035 55.965-25.087 56-56V104c0-30.928-25.072-56-56-56s-56 25.072-56 56v272c.035 30.913 25.087 55.965 56 56zM88 104c0-22.091 17.909-40 40-40s40 17.909 40 40v272c0 22.091-17.909 40-40 40s-40-17.909-40-40V104z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-59.197"
x2="5.275"
y1="598.798"
y2="598.798"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M109.336 156.8a56.299 56.299 0 0 0 37.328 0 8.001 8.001 0 0 0-5.328-15.088 40.443 40.443 0 0 1-26.672 0 8.001 8.001 0 0 0-5.328 15.088z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-59.197"
x2="5.275"
y1="576.453"
y2="576.453"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M114.664 338.272a40.443 40.443 0 0 1 26.672 0 8.001 8.001 0 0 0 5.328-15.088 56.563 56.563 0 0 0-37.328 0 8.001 8.001 0 0 0 5.328 15.088z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-59.197"
x2="5.275"
y1="607.625"
y2="607.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M208 128h208a8 8 0 0 0 8-8V88c-.035-30.913-25.087-55.965-56-56H208a8 8 0 0 0-8 8v80a8 8 0 0 0 8 8zm8-80h152c22.08.026 39.974 17.92 40 40v24H216V48z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-59.197"
x2="5.275"
y1="593.625"
y2="593.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M232 224c17.673 0 32-14.327 32-32s-14.327-32-32-32-32 14.327-32 32 14.327 32 32 32zm0-48c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-59.197"
x2="5.275"
y1="593.625"
y2="593.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M312 160c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-59.197"
x2="5.275"
y1="593.625"
y2="593.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M392 160c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-59.197"
x2="5.275"
y1="583.625"
y2="583.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M232 304c17.673 0 32-14.327 32-32s-14.327-32-32-32-32 14.327-32 32 14.327 32 32 32zm0-48c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="-59.197"
x2="5.275"
y1="583.625"
y2="583.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M312 240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="-59.197"
x2="5.275"
y1="583.625"
y2="583.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M392 240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="-59.197"
x2="5.275"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M232 384c17.673 0 32-14.327 32-32s-14.327-32-32-32-32 14.327-32 32 14.327 32 32 32zm0-48c8.837 0 16 7.163 16 16s-7.163 16-16 16-16-7.163-16-16 7.163-16 16-16z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-59.197"
x2="5.275"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M312 320c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-59.197"
x2="5.275"
y1="573.625"
y2="573.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00a2cc" />
<stop offset="1" stop-color="#2b32b2" />
</linearGradient>
<path
d="M392 320c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 48c-8.837 0-16-7.163-16-16s7.163-16 16-16 16 7.163 16 16-7.163 16-16 16z"
fill="url(#t)"
/>
</svg>
More icons in the same style and category