Add icons to this collection by clicking the heart icon.
Surprised icon - also known as surprise, emoticon, expression, surprised, shocked, strange, smileys, emoji, amazing, and wow. 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 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#5653ff" />
        <stop offset="1" stop-color="#00c2ff" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="257.829"
        x2="254.171"
        y1="98.01"
        y2="417.99"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="257.009"
        x2="253.351"
        y1="98.001"
        y2="417.981"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="192.43"
        x2="188.772"
        y1="97.262"
        y2="417.242"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="325.297"
        x2="321.639"
        y1="98.781"
        y2="418.761"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="308.334"
        x2="304.676"
        y1="98.587"
        y2="418.567"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="207.955"
        x2="204.297"
        y1="97.44"
        y2="417.42"
        gradientTransform="matrix(1 0 0 -1 0 514)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M256 96c-88.2 0-160 71.8-160 160s71.8 160 160 160 160-71.8 160-160S344.2 96 256 96zm106.1 266.1c-58.6 58.6-153.5 58.5-212.1 0S91.5 208.6 150 150s153.5-58.5 212.1 0c28.1 28.1 43.9 66.3 43.9 106 .1 39.8-15.8 78-43.9 106.1z"
    />
    <path
        fill="url(#c)"
        d="M256 283.4c-19.9 0-35.9 19.9-35.9 44.4s16.1 44.4 35.9 44.4 35.9-19.9 35.9-44.4-16-44.4-35.9-44.4zm0 85.2c-18.3 0-33.1-18.3-33.1-40.9s14.8-40.9 33.1-40.9 33.1 18.3 33.1 40.9-14.8 40.9-33.1 40.9z"
    />
    <path
        fill="url(#d)"
        d="M157.5 178c-.2-.9-.3-1.8-.1-2.6 0 0 5.7-14.5 17.3-24.1s21.4-12.5 29.1-11.8c8 .7 18.8 4.6 17.9 16.4-.5 6.2-6.3 5.5-12.4 5.9s-25-.4-47.8 16.1c-2.4 1.7-3.5 1-4 .1z"
    />
    <path
        fill="url(#e)"
        d="M354.5 178c.2-.9.3-1.8.1-2.6 0 0-5.7-14.5-17.3-24.1s-21.4-12.5-29.1-11.8c-8 .7-18.8 4.6-17.9 16.4.5 6.2 6.3 5.5 12.4 5.9s25-.4 47.8 16.1c2.4 1.7 3.5 1 4 .1z"
    />
    <path
        fill="url(#f)"
        d="M337.6 198.2c5.1 5.1 5.1 13.4 0 18.5l-12.9 12.9 12.9 12.9c5.1 5.1 5.1 13.4 0 18.5s-13.4 5.1-18.5 0l-12.9-12.9-12.9 12.9c-5.1 5.1-13.4 5-18.5-.1-5-5.1-5-13.3 0-18.4l12.9-12.9-12.9-12.9c-5.1-5.2-5-13.4.2-18.5 5.1-5 13.2-5 18.3 0l12.9 12.9 12.9-12.9c5.1-5.2 13.4-5.2 18.5 0z"
    />
    <path
        fill="url(#g)"
        d="M237.2 198.2c5.1 5.1 5.1 13.4 0 18.5l-12.9 12.9 12.9 12.9c5.2 5 5.3 13.3.3 18.5s-13.3 5.3-18.5.3l-.3-.3-12.9-12.9-12.9 12.9c-5.1 5.1-13.4 5.1-18.5 0s-5.1-13.4 0-18.5l12.9-12.9-12.9-12.9c-5.1-5.1-5-13.4.1-18.5 5.1-5 13.3-5 18.4 0l12.9 12.9 12.9-12.9c5.1-5.2 13.4-5.2 18.5 0z"
    />
</svg>
More icons in the same style and category