Add icons to this collection by clicking the heart icon.
Type icon - also known as screen, smartphone, text, type, and art and design. 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 512 512"
>
<linearGradient
id="b"
x1="66.357"
x2="452.116"
y1="423.991"
y2="38.232"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".262" stop-color="#ededff" stop-opacity=".416" />
<stop offset=".629" stop-color="#d8d8ff" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4d4d" stop-opacity=".4" />
<stop offset=".146" stop-color="#ff4d4d" stop-opacity=".342" />
<stop offset="1" stop-color="#ff4d4d" stop-opacity="0" />
</linearGradient>
<linearGradient
id="c"
x1="262.64"
x2="262.64"
y1="450.287"
y2="100.651"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="75.925"
x2="75.925"
y1="448.98"
y2="288.564"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="418.118"
x2="418.118"
y1="177.138"
y2="53.051"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M500.449 312.854c1.152-83.334-36.636-380.024-134.151-298.968-22.271 18.512-61.01 111.807-78.966 148.545-27.428 56.117-96.723 49.078-125.81-2.284C136.356 115.71 82.835-13.967 33.69 70.478 6.621 116.99 5.157 201.864 24.877 284.926c20.71 87.231 46.044 152.273 111.686 207.669 67.228 56.734 88.894-25.756 135.484-58.696 40.532-28.657 92.174 12.889 137.315 7.783 63.876-7.225 90.184-63.494 91.087-128.828z"
/>
<path
fill="#6c6cff"
d="m211.275 419.925 51.365 3 51.375-3-7.551-81.686h-29.347l1.397 38.846c.323 8.988-6.875 16.45-15.869 16.45s-16.192-7.462-15.869-16.45l1.397-38.846h-29.347z"
/>
<g fill="#4d4dff">
<path
d="m306.464 338.24 4.312 46.654h-33.994a15.8 15.8 0 0 0 1.732-7.808l-1.397-38.846zM214.513 384.893l4.312-46.654h29.347l-1.397 38.846a15.8 15.8 0 0 0 1.732 7.808z"
/>
</g>
<path
fill="#9393ff"
d="M211.281 419.927h102.727l18.159 16.169c3.432 3.056 1.27 8.734-3.325 8.734H196.448c-4.595 0-6.757-5.678-3.325-8.734z"
/>
<path
fill="#ffe7db"
d="M449.36 121.03v197.61l-186.715 3-186.725-3V121.03c0-8.29 6.71-15 15-15h343.44c8.29 0 15 6.71 15 15z"
/>
<path
fill="#ffd5ba"
d="M449.36 121.03v75.93h-83.14c-2.76 0-5-2.23-5-5v-85.93h73.14c8.29 0 15 6.71 15 15z"
/>
<path
fill="#9393ff"
d="M449.368 318.639v27.254c0 8.284-6.716 15-15 15H90.922c-8.284 0-15-6.716-15-15v-27.254zM422.13 224.153h-65.199a5 5 0 0 1 0-10h65.199a5 5 0 0 1 0 10zM422.13 244.535h-8.583a5 5 0 0 1 0-10h8.583a5 5 0 0 1 0 10z"
/>
<path
fill="#fa6"
d="M392.608 244.535H356.93a5 5 0 0 1 0-10h35.678a5 5 0 0 1 0 10z"
/>
<path
fill="#9393ff"
d="M422.13 264.916h-65.199a5 5 0 0 1 0-10h65.199a5 5 0 0 1 0 10zM422.13 285.298h-65.199a5 5 0 0 1 0-10h65.199a5 5 0 0 1 0 10z"
/>
<path
fill="#ff6c6c"
d="M335.709 285.65c-.568-1.935-2.94-2.82-4.703-1.725-3.252 2.021-6.13 3.03-8.635 3.03-2.919 0-4.881-1.071-5.89-3.218-1.01-2.141-1.514-5.792-1.514-10.94v-81.519c0-11.795-.842-21.127-2.524-27.995-1.683-6.863-4.997-12.655-9.929-17.376-5.385-5.148-12.116-8.793-20.194-10.94-17.541-4.662-36.273-4.559-54.036-1.093-14.749 2.878-31.074 8.186-40.033 20.56-11.436 15.797-.925 40.061 20.024 40.062 26.032.001 36.259-32.059 13.793-45.363 6.112-2.343 17.745-5.581 29.282-2.127 8.973 2.687 15.13 10.693 15.152 19.683v25.232c0 5.792-2.861 10.352-8.582 13.676-23.665 13.746-56.825 14.801-75.054 36.682-9.063 10.879-10.455 26.845-5.26 39.705 6.639 16.434 22.499 22.881 40.094 22.881 21.76 0 38.252-8.688 49.475-26.064.221 7.939 2.802 14.269 7.74 18.985 4.933 4.721 13.573 7.079 25.916 7.079 13.773 0 25.548-3.539 35.319-10.62 1.033-.748 1.486-2.024 1.137-3.217zm-69.207-26.579c-6.511 8.798-12.294 13.873-21.877 15.824-6.852 1.395-21.877-.901-21.877-16.366 0-14.855 17.838-21.884 26.588-27.249 8.751-5.148 14.473-9.864 17.166-14.158z"
/>
<path
fill="#fa6"
d="M157.171 260.908h-36.413a5 5 0 0 1 0-10h36.413a5 5 0 0 1 0 10z"
/>
<path
fill="#b2b2ff"
d="M120.758 260.908h-14.03a5 5 0 0 1 0-10h14.03a5 5 0 0 1 0 10z"
/>
<path
fill="#6c6cff"
d="M120.758 264.971a5 5 0 0 1-5-5v-8.806a5 5 0 0 1 10 0v8.806a5 5 0 0 1-5 5z"
/>
<path
fill="#ff6c6c"
d="M157.171 232.662h-20.413a5 5 0 0 1 0-10h20.413a5 5 0 0 1 0 10z"
/>
<path
fill="#b2b2ff"
d="M136.758 232.662h-30.03a5 5 0 0 1 0-10h30.03a5 5 0 0 1 0 10z"
/>
<path
fill="#6c6cff"
d="M136.758 236.725a5 5 0 0 1-5-5v-8.806a5 5 0 0 1 10 0v8.806a5 5 0 0 1-5 5z"
/>
<path
fill="#9393ff"
d="M117.141 204.416h-10.413a5 5 0 0 1 0-10h10.413a5 5 0 0 1 0 10z"
/>
<path
fill="#b2b2ff"
d="M157.171 204.416h-40.03a5 5 0 0 1 0-10h40.03a5 5 0 0 1 0 10z"
/>
<path
fill="#6c6cff"
d="M117.141 208.479a5 5 0 0 1-5-5v-8.806a5 5 0 0 1 10 0v8.806a5 5 0 0 1-5 5z"
/>
<path
fill="#ff6c6c"
d="M117.141 159.357a5 5 0 0 1-5-5v-17.768a5 5 0 0 1 10 0v17.768a5 5 0 0 1-5 5z"
/>
<path
fill="#ff6c6c"
d="M126.025 150.473h-17.768a5 5 0 0 1 0-10h17.768a5 5 0 0 1 0 10z"
/>
<path
fill="url(#c)"
d="M434.36 106.03H90.92c-8.29 0-15 6.71-15 15v224.86c0 8.29 6.71 15 15 15h125.812l-5.444 59.037-18.166 16.169c-3.432 3.056-1.27 8.734 3.325 8.734h132.394c4.596 0 6.757-5.678 3.325-8.734L314 419.927l-5.444-59.037H434.36c8.29 0 15-6.71 15-15V121.03c0-8.29-6.71-15-15-15zM247.358 360.89h30.573l.582 16.196c.323 8.988-6.875 16.45-15.869 16.45s-16.192-7.462-15.869-16.45z"
/>
<path
fill="#fa6"
d="M105.864 444.83H45.985c-8.284 0-15-6.716-15-15V308.7c0-8.284 6.716-15 15-15h59.879c8.284 0 15 6.716 15 15v121.13c0 8.285-6.715 15-15 15z"
/>
<path
fill="#6c6cff"
d="M84.623 318.286H67.227a5 5 0 0 1 0-10h17.396a5 5 0 0 1 0 10zM84.623 430.245H67.227a5 5 0 0 1 0-10h17.396a5 5 0 0 1 0 10z"
/>
<path
fill="#fff"
d="M96.26 352.887a5 5 0 0 1-5-5v-.731H60.589v.731a5 5 0 0 1-10 0v-5.731a5 5 0 0 1 5-5H96.26a5 5 0 0 1 5 5v5.731a5 5 0 0 1-5 5zM80.791 399.827H71.06a5 5 0 0 1 0-10h9.731a5 5 0 0 1 0 10z"
/>
<path
fill="#fff"
d="M75.925 399.827a5 5 0 0 1-5-5v-52.671a5 5 0 0 1 10 0v52.671a5 5 0 0 1-5 5z"
/>
<path
fill="url(#d)"
d="M105.864 444.83H45.985c-8.284 0-15-6.716-15-15V308.7c0-8.284 6.716-15 15-15h59.879c8.284 0 15 6.716 15 15v121.13c0 8.285-6.715 15-15 15z"
/>
<path
fill="#ff6c6c"
d="M470.015 172.964H366.22a5 5 0 0 1-5-5V64.17a5 5 0 0 1 5-5h103.794a5 5 0 0 1 5 5v103.794a4.999 4.999 0 0 1-4.999 5z"
/>
<path
fill="#fff"
d="M380.642 82.281a5 5 0 0 1-5-5v-.137a5 5 0 0 1 10 0v.137a5 5 0 0 1-5 5zM398.741 97.71c-8.446.452-15.212 7.615-15.211 16.073 0 7.821 5.58 14.333 12.974 15.787-.701 1.264-1.548 2.467-2.569 3.474-.563.555-.122 1.501.662 1.396 6.333-.843 21.126-4.536 21.126-20.658-.001-9.183-7.69-16.57-16.982-16.072zM435.724 97.71c-8.446.452-15.212 7.615-15.211 16.073 0 7.821 5.58 14.333 12.974 15.787-.701 1.264-1.548 2.467-2.569 3.474-.563.555-.122 1.501.662 1.396 6.333-.843 21.126-4.536 21.126-20.658-.001-9.183-7.691-16.57-16.982-16.072z"
/>
<path
fill="url(#e)"
d="M470.015 172.964H366.22a5 5 0 0 1-5-5V64.17a5 5 0 0 1 5-5h103.794a5 5 0 0 1 5 5v103.794a4.999 4.999 0 0 1-4.999 5z"
/>
<path
fill="#8282ff"
d="M436.609 436.785c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-20c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z"
/>
<path
fill="#ff9c33"
d="M40.875 248.461c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-20c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.244-5-5-5z"
/>
<path
fill="#ff6c6c"
d="M304.221 78.547c-8.271 0-15-6.729-15-15s6.729-15 15-15 15 6.729 15 15-6.729 15-15 15zm0-20c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z"
/>
<path
fill="#ff9c33"
d="M247.507 42.323a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10a4.983 4.983 0 0 1-3.535 1.464zM142.654 474.302a5 5 0 0 1-3.536-8.535l10-10a5.001 5.001 0 0 1 7.071 7.071l-10 10a4.987 4.987 0 0 1-3.535 1.464z"
/>
</svg>
More icons in the same style and category