Add icons to this collection by clicking the heart icon.
Favorite icon - also known as interface, signs, star, shapes, favourite, favorite, signaling, and rate. Created in a clean lineal color style with a gray, 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M361.263 426.667c-3.75 0-7.437-1.03-10.656-2.998l-116.211-70.82-115.67 70.487c-6.687 4.122-15.822 3.882-22.321-.645-6.645-4.559-9.947-12.688-8.343-20.651l26.811-132.761L7.39 180.588c-6.52-5.412-8.999-14.031-6.333-22.004 2.583-7.91 9.708-13.396 18.113-13.895l143.293-8.868 53.465-123.539C219.147 4.819 226.501 0 234.667 0c1.323 0 2.583.239 3.75.677a20.307 20.307 0 0 1 14.989 11.939l53.465 123.528 143.303 8.868c8.416.531 15.53 6.006 18.124 13.958 2.635 7.963.146 16.57-6.354 21.931l-107.483 88.702 26.811 132.75a20.224 20.224 0 0 1-8.416 20.703c-3.354 2.352-7.385 3.611-11.593 3.611zM448.362 164.466v.01-.01z"
fill="#303c42"
/>
<path
d="m234.302 22.17-54.861 128.108a10.674 10.674 0 0 1-9.135 6.412l-149.834 9.274 112.909 90.939a10.69 10.69 0 0 1 3.666 10.336l-28.071 139.016 120.138-75.15c3.302-1.998 7.427-2.071 10.77-.198a11.236 11.236 0 0 1 2.281 1.707l119.544 72.86-29.425-137.913a10.691 10.691 0 0 1 3.666-10.336l110.399-91.096-147.324-9.118a10.674 10.674 0 0 1-9.135-6.412L234.302 22.17z"
fill="#f9c20a"
/>
<path
d="M291.378 152.423c-.47-.639-1.163-1.076-1.486-1.823L234.303 22.17l-.479 191.492 57.554-61.239z"
opacity=".1"
/>
<path
d="M333.95 260.09c.608-1.001 1.072-2.094 2.003-2.865l110.398-91.095-212.527 47.531L333.95 260.09zM234.301 329.608c1.926-.069 3.855.331 5.585 1.299a11.322 11.322 0 0 1 2.28 1.707l119.546 72.859-127.889-191.811.478 115.946zM135.343 259.707c1.401 2.268 2.245 4.832 1.706 7.531l-28.072 139.017 124.846-192.594-98.48 46.046zM177.689 152.43c-1.854 2.319-4.332 4.07-7.383 4.26l-149.835 9.273 213.352 47.698-56.134-61.231z"
opacity=".1"
/>
<circle cx="394.667" cy="394.667" r="117.333" fill="#303c42" />
<circle cx="394.667" cy="394.667" r="96" fill="#69b342" />
<path
d="M437.334 384h-32v-32c0-5.896-4.771-10.667-10.667-10.667S384 346.104 384 352v32h-32c-5.896 0-10.667 4.771-10.667 10.667s4.771 10.667 10.667 10.667h32v32c0 5.896 4.771 10.667 10.667 10.667s10.667-4.771 10.667-10.667v-32h32c5.896 0 10.667-4.771 10.667-10.667S443.23 384 437.334 384z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-46.217"
x2="-21.832"
y1="640.004"
y2="628.633"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.328 13791.673)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M394.667 277.334c-13.083 0-25.629 2.245-37.389 6.214l-2.816-13.945L461.945 180.9c6.499-5.361 8.988-13.967 6.353-21.931-2.594-7.952-9.707-13.427-18.124-13.957l-143.303-8.868-53.466-123.529c-2.708-6.297-8.375-10.72-14.988-11.939a10.675 10.675 0 0 0-3.75-.676c-8.167 0-15.52 4.819-18.738 12.281L162.463 135.82 19.17 144.689c-8.405.5-15.53 5.984-18.113 13.896-2.667 7.973-.188 16.591 6.333 22.003l107.483 88.691-26.811 132.762c-1.604 7.962 1.698 16.091 8.344 20.65 6.499 4.527 15.634 4.767 22.322.646l115.669-70.487 44.007 26.818c-.633 4.923-1.069 9.908-1.069 15 0 64.701 52.632 117.333 117.333 117.333S512 459.367 512 394.667c0-64.702-52.631-117.333-117.333-117.333z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category