Add icons to this collection by clicking the heart icon.
Favourite icon - also known as technology, computer, screen, signs, star, monitor, favourite, favorite, rate, electronics, social media, and rating. Created in a clean lineal color style with a white, silver, gray, black, navy, and orange 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v285.635c0 18.298 14.834 33.132 33.132 33.132H397.6c18.298 0 33.132-14.834 33.132-33.132V0Z"
transform="translate(40.634 69.767)"
fill="#393e46"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23c18.299 0 33.133-14.834 33.133-33.132v-285.635h23v285.635C33.133-14.834 18.299 0 0 0"
transform="translate(438.233 388.533)"
fill="#222831"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v279.633a6 6 0 0 1-6 6h-352.47a6 6 0 0 1-6-6V0Z"
transform="translate(438.235 69.767)"
fill="#5893d4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.002a6 6 0 0 0 6-6v-279.632H6V-6a6 6 0 0 1-6 6"
transform="translate(432.235 355.398)"
fill="#4876c7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-433c-17.673 0-32 14.327-32 32v26.267a8 8 0 0 0 8 8H24a8 8 0 0 0 8-8V32C32 14.327 17.673 0 0 0"
transform="translate(472.5 7.5)"
fill="#d3d6db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8 8 0 0 0 8-8v-26.267c0-17.672-14.327-32-32-32h23c17.673 0 32 14.328 32 32V-8a8 8 0 0 1-8 8"
transform="translate(496.5 73.767)"
fill="#b0bcd1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.283 8.283 0 0 0-8.283-8.283h-281.633A8.284 8.284 0 0 0-298.2 0v323.05a8.283 8.283 0 0 0 8.284 8.283H-8.279A8.28 8.28 0 0 0 0 323.054z"
transform="translate(405.1 131.75)"
fill="#eef2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a8.28 8.28 0 0 0 8.28-8.281v-323.053a8.284 8.284 0 0 0-8.283-8.283H-.004a8.283 8.283 0 0 1 8.283 8.283V-8.281A8.28 8.28 0 0 1 0 0"
transform="translate(396.82 463.084)"
fill="#d3e6f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-70.833a6 6 0 0 0-6 6v21.133a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(250 239.434)"
fill="#ffc60b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23a6 6 0 0 0 6-6v-21.133a6 6 0 0 0-6-6H0a6 6 0 0 1 6 6V-6a6 6 0 0 1-6 6"
transform="translate(250 272.566)"
fill="#ff9f0f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-45.748-37.085-82.834-82.833-82.834S-165.667-45.748-165.667 0c0 45.747 37.086 82.833 82.834 82.833C-37.085 82.833 0 45.747 0 0"
transform="translate(338.833 421.667)"
fill="#ffc60b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 8.53-17.285a5.998 5.998 0 0 1 4.518-3.282l19.076-2.773c4.922-.715 6.887-6.763 3.325-10.233L21.646-47.028a6.003 6.003 0 0 1-1.726-5.312l3.259-18.998c.841-4.902-4.304-8.64-8.706-6.325l-17.062 8.97a6 6 0 0 1-5.584 0l-17.062-8.97c-4.402-2.315-9.546 1.423-8.705 6.325l3.258 18.998a6.003 6.003 0 0 1-1.726 5.312l-13.803 13.455c-3.561 3.47-1.596 9.518 3.325 10.233l19.076 2.773a5.998 5.998 0 0 1 4.518 3.282L-10.761 0C-8.561 4.46-2.201 4.46 0 0"
transform="translate(261.38 457.876)"
fill="#eef2f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.904 0-7.739-.29-11.5-.812C28.802-6.413 59.833-40.99 59.833-82.833c0-41.844-31.031-76.42-71.333-82.021a83.408 83.408 0 0 1 11.5-.812c45.748 0 82.833 37.085 82.833 82.833C82.833-37.086 45.748 0 0 0"
transform="translate(256 504.5)"
fill="#ff9f0f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-226.33"
transform="translate(40.634 300.097)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-33.134c-18.298 0-33.132-14.834-33.132-33.133v-25.305"
transform="translate(106.9 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v281.635c0 18.299-14.834 33.133-33.133 33.133h-33.133"
transform="translate(471.366 73.767)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33.136v-281.631"
transform="translate(405.1 355.4)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v281.631h33.135"
transform="translate(73.765 73.769)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-433c-17.673 0-32 14.327-32 32v26.267a8 8 0 0 0 8 8H24a8 8 0 0 0 8-8V32C32 14.327 17.673 0 0 0Z"
transform="translate(472.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-24.85a8.283 8.283 0 0 1 8.284-8.283h82.833A8.283 8.283 0 0 1 99.4-24.85V0"
transform="translate(206.3 73.767)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v33.134h66.267V0"
transform="translate(73.767 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h69.065a8.284 8.284 0 0 0 8.284-8.284v-323.05a8.283 8.283 0 0 0-8.284-8.283h-281.633a8.283 8.283 0 0 0-8.283 8.283v323.05A8.283 8.283 0 0 0-212.568 0h69.067"
transform="translate(327.751 463.084)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M256 239.434h-82.833v33.133H256Z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h165.667"
transform="translate(173.167 206.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h165.667"
transform="translate(173.167 173.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-45.748-37.085-82.834-82.833-82.834S-165.667-45.748-165.667 0c0 45.747 37.086 82.833 82.834 82.833C-37.085 82.833 0 45.747 0 0Z"
transform="translate(338.833 421.667)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 15.308-31.017 34.228-4.973-24.768-24.143 5.847-34.09L0-78.128l-30.615-16.095 5.847 34.09-24.768 24.143 34.228 4.973z"
transform="translate(256 468.778)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category