Add icons to this collection by clicking the heart icon.
Smile icon - also known as happy, smile, emoticon, smileys, emoji, and emojis. Created in a clean flat 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 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#bca6ae" />
<stop offset="1" stop-color="#534666" />
</linearGradient>
<linearGradient
id="c"
x1="1.058"
x2="32.808"
y1="16.933"
y2="16.933"
gradientTransform="rotate(90 32.543 37.041)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="14.923"
x2="14.923"
y1="6.334"
y2="13.044"
gradientTransform="matrix(1.347 0 0 -1.347 37.854 37.356)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="55.76"
x2="55.76"
y1="23.084"
y2="19.899"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf2ff" />
<stop offset="1" stop-color="#9bbaff" />
</linearGradient>
<linearGradient
id="f"
x1="53.216"
x2="53.813"
y1="26.856"
y2="23.709"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="g"
x1="-7.431"
x2="2.381"
y1="17.77"
y2="16.95"
gradientTransform="rotate(90.45 21.254 35.185) scale(.884)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0cc8ef" />
<stop offset="1" stop-color="#047afa" />
</linearGradient>
<linearGradient
id="h"
x1="50.075"
x2="50.075"
y1="18.393"
y2="12.13"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="61.16"
x2="61.16"
y1="18.627"
y2="12.13"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<g paint-order="markers fill stroke">
<path
fill="url(#c)"
d="M52.652 37.306a15.875 15.875 0 0 1-15.875-15.875A15.875 15.875 0 0 1 52.652 5.556a15.875 15.875 0 0 1 15.875 15.875 15.875 15.875 0 0 1-15.875 15.875z"
transform="translate(-35.719 -4.498)"
/>
<path
fill="url(#d)"
d="M55.426 27.47c-3.189 0-5.813-2.624-5.813-5.814a1.782 1.782 0 0 1 1.781-1.783h8.062a1.782 1.782 0 0 1 1.784 1.783c0 3.19-2.624 5.813-5.814 5.813z"
transform="translate(-35.719 -4.498)"
/>
<path
fill="#e53b38"
d="m26.953 16.88-.012.526.264.01.012-.533zm-14.486.39-.264.017.039.531.264-.023zm14.392.906-.105.513.257.057.108-.522zm-14.228.383-.258.062.135.516.253-.07zm13.902.873-.195.488.244.101.197-.496zm-13.508.363-.242.105.227.487.236-.12zm12.96.814-.278.442.22.146.286-.453zm-12.35.332-.221.147.308.437.213-.156zm11.605.729-.354.39.194.18.36-.394zm-10.805.29-.19.186.378.375.185-.19zm9.881.624-.414.318.156.215.424-.328zm-8.91.242-.156.213.441.305.145-.221zm7.846.498-.467.24.117.237.473-.244zm-6.744.182-.112.24.485.219.107-.242zm5.56.353-.502.157.076.253.508-.16zm-4.35.117-.07.254.522.131.055-.26zm3.09.196-.517.06.024.264.533-.063zm-1.814.049-.025.263.535.035.01-.265z"
/>
<path
fill="url(#e)"
d="M53.303 19.872v1.67c0 .732.59 1.322 1.323 1.322h3.02a1.32 1.32 0 0 0 1.322-1.323v-1.669z"
transform="translate(-35.719 -4.498)"
/>
<path
fill="url(#f)"
d="M52.032 23.57c-.542 0-1.24.167-1.9.467.916 2.016 2.952 3.432 5.295 3.432.372 0 .737-.037 1.091-.105-.337-2.286-2.365-3.794-4.486-3.794z"
transform="translate(-35.719 -4.498)"
/>
<path
fill="url(#g)"
d="M41.61 16.189a3.23 3.23 0 0 1-3.203-3.257c.015-1.784 2.28-5.94 3.279-5.931.988.008 3.195 4.2 3.18 5.985a3.23 3.23 0 0 1-3.256 3.203z"
transform="translate(-35.719 -4.498)"
/>
<path
fill="url(#h)"
d="M50.074 12.088c-2.368 0-4.316 1.949-4.316 4.317a1.323 1.323 0 0 0 1.322 1.324 1.323 1.323 0 0 0 1.324-1.324c0-.948.722-1.67 1.67-1.67.949 0 1.67.722 1.67 1.67a1.323 1.323 0 0 0 1.323 1.324 1.323 1.323 0 0 0 1.324-1.324c0-2.368-1.948-4.317-4.317-4.317z"
transform="translate(-35.719 -4.498)"
/>
<path
fill="url(#i)"
d="M61.16 12.088c-2.369 0-4.317 1.949-4.317 4.317a1.323 1.323 0 0 0 1.322 1.324 1.323 1.323 0 0 0 1.324-1.324c0-.948.722-1.67 1.67-1.67.949 0 1.67.722 1.67 1.67a1.323 1.323 0 0 0 1.323 1.324 1.323 1.323 0 0 0 1.324-1.324c0-2.368-1.948-4.317-4.317-4.317z"
transform="translate(-35.719 -4.498)"
/>
</g>
</svg>
More icons in the same style and category