Add icons to this collection by clicking the heart icon.
In Love icon - also known as in love, emoticons, feelings, smileys, and emoji. Created in a clean color style with a gray, red, 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"
>
<linearGradient
id="a"
x1="-29.938"
x2="-29.938"
y1="613.313"
y2="643.313"
gradientTransform="matrix(16 0 0 -16 735 10309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb533" />
<stop offset="1" stop-color="#ff3" />
</linearGradient>
<circle cx="256" cy="256" r="240" fill="url(#a)" />
<path
d="M256 0C114.608 0 0 114.608 0 256s114.608 255.984 256 256c141.392 0 255.984-114.608 256-256C511.984 114.608 397.392 0 256 0zm158.384 414.384c-40.576 40.56-96.48 65.6-158.384 65.616-61.904-.016-117.808-25.056-158.4-65.616C57.04 373.808 32 317.904 32 256S57.04 138.192 97.6 97.6C138.192 57.04 194.096 32 256 32s117.808 25.04 158.384 65.6c40.56 40.592 65.6 96.496 65.616 158.4-.016 61.904-25.056 117.808-65.616 158.384z"
fill="#cc7b29"
/>
<path
d="M169.376 137.376 160 146.752l-9.376-9.376c-12.496-12.496-32.768-12.496-45.248 0-12.496 12.496-12.496 32.752 0 45.248L160 237.248l54.624-54.624c12.496-12.496 12.496-32.752 0-45.248-12.496-12.496-32.752-12.496-45.248 0zM406.624 137.376c-12.496-12.496-32.752-12.496-45.248 0L352 146.752l-9.376-9.376c-12.496-12.496-32.768-12.496-45.248 0-12.496 12.496-12.496 32.752 0 45.248L352 237.248l54.624-54.624c12.496-12.496 12.496-32.752 0-45.248z"
fill="#f33"
/>
<path
d="M256 264v32c17.6.032 31.968 14.4 32 32-.032 17.6-14.4 31.968-32 32v32h.016c17.6.032 31.952 14.4 31.984 32-.032 17.6-14.4 31.968-32 32v32c35.328-.032 63.968-28.672 64-64-.016-19.232-8.672-36.272-22.112-48 13.424-11.728 22.096-28.768 22.112-48-.032-35.328-28.672-63.968-64-64z"
fill="#805540"
/>
<linearGradient
id="b"
x1="-29.938"
x2="-29.938"
y1="613.313"
y2="643.313"
gradientTransform="matrix(16 0 0 -16 735 10309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb533" />
<stop offset="1" stop-color="#ff3" />
</linearGradient>
<circle cx="256" cy="256" r="240" fill="url(#b)" />
<linearGradient
id="c"
x1="-29.938"
x2="-29.938"
y1="634.313"
y2="642.313"
gradientTransform="matrix(16 0 0 -16 735 10309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fafbfb" stop-opacity="0" />
<stop offset="1" stop-color="#fafbfb" />
</linearGradient>
<path
d="M256 32c-61.904 0-117.808 27.392-158.4 67.952C80.816 116.736 66.896 144 56.096 160h399.792c-10.8-16-24.72-43.248-41.504-60.048C373.808 59.392 317.904 32 256 32z"
fill="url(#c)"
/>
<path
d="M256 0C114.608 0 0 114.608 0 256s114.608 255.984 256 256c141.392 0 255.984-114.608 256-256C511.984 114.608 397.392 0 256 0zm158.384 414.384c-40.576 40.56-96.48 65.6-158.384 65.616-61.904-.016-117.808-25.056-158.4-65.616C57.04 373.808 32 317.904 32 256S57.04 138.192 97.6 97.6C138.192 57.04 194.096 32 256 32s117.808 25.04 158.384 65.6c40.56 40.592 65.6 96.496 65.616 158.4-.016 61.904-25.056 117.808-65.616 158.384z"
fill="#cc7b29"
/>
<path
d="M169.376 137.376 160 146.752l-9.376-9.376c-12.496-12.496-32.768-12.496-45.248 0-12.496 12.496-12.496 32.752 0 45.248L160 237.248l54.624-54.624c12.496-12.496 12.496-32.752 0-45.248-12.496-12.496-32.752-12.496-45.248 0zM406.624 137.376c-12.496-12.496-32.752-12.496-45.248 0L352 146.752l-9.376-9.376c-12.496-12.496-32.768-12.496-45.248 0-12.496 12.496-12.496 32.752 0 45.248L352 237.248l54.624-54.624c12.496-12.496 12.496-32.752 0-45.248z"
fill="#f33"
/>
<path
d="M256 264v32c17.6.032 31.968 14.4 32 32-.032 17.6-14.4 31.968-32 32v32h.016c17.6.032 31.952 14.4 31.984 32-.032 17.6-14.4 31.968-32 32v32c35.328-.032 63.968-28.672 64-64-.016-19.232-8.672-36.272-22.112-48 13.424-11.728 22.096-28.768 22.112-48-.032-35.328-28.672-63.968-64-64z"
fill="#805540"
/>
</svg>
More icons in the same style and category