Add icons to this collection by clicking the heart icon.
Positivity icon - also known as smile, emoticons, smiley, positive, attitude, feelings, smileys, emoji, and positivity. 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="d"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4c4c" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="e"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset=".006" stop-color="#ff4c4c" stop-opacity=".8" />
<stop offset="1" stop-color="#fffa78" stop-opacity="0" />
</radialGradient>
<linearGradient
id="f"
x1="23.142"
x2="439.606"
y1="488.858"
y2="72.394"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb00" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff4c4c" />
<stop offset=".194" stop-color="#ff6740" />
<stop offset=".606" stop-color="#ffac21" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="g"
x1="145.191"
x2="246.646"
y1="213.699"
y2="112.244"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="302.619"
x2="405.147"
y1="209.356"
y2="106.827"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="113.884"
x2="409.362"
y1="421.692"
y2="126.213"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="256"
x2="256"
y1="394.989"
y2="215.721"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffa78" stop-opacity="0" />
<stop offset=".112" stop-color="#fff276" stop-opacity=".09" />
<stop offset=".288" stop-color="#ffdc70" stop-opacity=".231" />
<stop offset=".505" stop-color="#ffb767" stop-opacity=".404" />
<stop offset=".753" stop-color="#ff865b" stop-opacity=".602" />
<stop offset="1" stop-color="#ff4c4c" stop-opacity=".8" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ff4c4c" />
<stop offset=".118" stop-color="#ff5648" />
<stop offset=".317" stop-color="#ff713c" />
<stop offset=".572" stop-color="#ff9b28" />
<stop offset=".871" stop-color="#ffd60d" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="k"
x1="207.228"
x2="436.837"
y1="420.478"
y2="190.869"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="214.871"
x2="442.005"
y1="381.634"
y2="154.5"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="78.659"
x2="284.475"
y1="364.07"
y2="158.253"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset=".33" stop-color="#fff658" />
<stop offset=".794" stop-color="#fffdcf" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#fffa78" />
<stop offset=".627" stop-color="#fffdcf" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="n"
x1="103.396"
x2="356.297"
y1="496.404"
y2="243.502"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="140.339"
x2="393.279"
y1="444.131"
y2="191.192"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="p"
x1="91.53"
x2="401.647"
y1="423.636"
y2="113.518"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="256"
x2="256"
y1="287.465"
y2="223.4"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".117" stop-color="#fffefb" stop-opacity=".093" />
<stop offset=".241" stop-color="#fffbee" stop-opacity=".193" />
<stop offset=".369" stop-color="#fff7d8" stop-opacity=".295" />
<stop offset=".5" stop-color="#fff1ba" stop-opacity=".4" />
<stop offset=".633" stop-color="#ffe994" stop-opacity=".506" />
<stop offset=".767" stop-color="#ffe065" stop-opacity=".614" />
<stop offset=".901" stop-color="#ffd42e" stop-opacity=".721" />
<stop offset="1" stop-color="#ffcb00" stop-opacity=".8" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="200.9" fill="url(#f)" />
<path
fill="url(#g)"
d="M179.663 148.76c-8.429.087-15.349 7.021-15.439 15.465a9176.232 9176.232 0 0 0-.264 30.592c-.06 8.445 6.781 15.257 15.263 15.223 8.482-.035 15.379-6.925 15.417-15.399.047-10.227.105-20.453.176-30.68.055-8.473-6.724-15.288-15.153-15.201z"
/>
<path
fill="url(#h)"
d="M332.337 148.76c-8.429-.087-15.209 6.728-15.153 15.201.07 10.227.129 20.453.176 30.68.038 8.474 6.935 15.365 15.417 15.399s15.323-6.778 15.263-15.223c-.07-10.197-.158-20.395-.264-30.592-.09-8.445-7.01-15.378-15.439-15.465z"
/>
<path
fill="url(#i)"
d="M372.321 240.751c-5.424-.012-10.847-.023-16.271-.033-34.703 10.123-69.445 20.41-104.166 30.657-31.979-10.252-63.975-20.528-95.934-30.657-5.424.01-10.847.021-16.271.033-8.489.022-15.392 6.851-15.392 15.249-.009 33.894 13.411 64.871 35.011 88.415a9222.42 9222.42 0 0 0 193.404 0c21.599-23.543 35.019-54.521 35.011-88.415 0-8.398-6.903-15.227-15.392-15.249z"
/>
<path
fill="url(#j)"
d="M372.321 240.751c-77.547-.168-155.094-.168-232.642 0-8.489.022-15.392 6.851-15.392 15.249.158 71.655 60.057 131.554 131.712 131.712 71.655-.158 131.554-60.058 131.712-131.712.002-8.398-6.901-15.227-15.39-15.249z"
/>
<path
fill="url(#k)"
d="M352.698 344.412c-23.695-25.891-58.284-42.289-96.698-42.286a27939.35 27939.35 0 0 1 61.552 69.796c13.159-7.169 25.046-16.511 35.146-27.51z"
/>
<path
fill="url(#l)"
d="M256 302.125c-38.414-.003-73.003 16.396-96.698 42.286 24.274 26.399 58.667 43.311 96.698 43.301 22.203.002 43.121-5.752 61.552-15.791-11.328-41.463-34.688-69.792-61.552-69.796z"
/>
<path
fill="url(#m)"
d="M186.696 240.67c-10.249.013-20.497.029-30.746.048a8194.376 8194.376 0 0 0 0 30.564c.016 8.437 6.924 15.305 15.409 15.335 10.244.032 20.488.059 30.732.079a22602.923 22602.923 0 0 1-15.395-46.026z"
/>
<path
fill="url(#n)"
d="M325.305 240.67a22003.084 22003.084 0 0 1-15.396 46.026c10.244-.021 20.488-.047 30.732-.079 8.485-.029 15.393-6.898 15.409-15.335.019-10.188.019-20.376 0-30.564-10.248-.019-20.497-.035-30.745-.048z"
/>
<path
fill="url(#o)"
d="M325.305 271.331c.013-10.22.013-20.44 0-30.661a22003.084 22003.084 0 0 1-15.396 46.026c8.485-.018 15.384-6.9 15.396-15.365z"
/>
<path
fill="url(#p)"
d="M186.696 240.67c-.013 10.22-.013 20.44 0 30.661.011 8.464 6.911 15.347 15.396 15.366 35.939.072 71.878.072 107.817 0 8.485-.019 15.384-6.901 15.396-15.366.013-10.22.013-20.44 0-30.661-46.203-.059-92.406-.059-138.609 0z"
/>
<path
fill="url(#q)"
d="M155.95 240.719a8194.376 8194.376 0 0 0 0 30.564c.016 8.437 6.924 15.305 15.409 15.335 56.427.178 112.855.178 169.282 0 8.485-.029 15.393-6.898 15.409-15.335.019-10.188.019-20.376 0-30.564-66.7-.125-133.4-.125-200.1 0z"
/>
</svg>
More icons in the same style and category