Smiley

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="b"
        x1="2"
        x2="22"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#bbdefb" />
        <stop offset="1" stop-color="#64b5f6" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#42a5f5" />
        <stop offset="1" stop-color="#1e88e5" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="8"
        x2="10"
        y1="9"
        y2="9"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="14"
        x2="16"
        y1="9"
        y2="9"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="6.41"
        x2="17.59"
        y1="15.5"
        y2="15.5"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z"
    />
    <circle cx="9" cy="9" r="1" fill="url(#c)" />
    <circle cx="15" cy="9" r="1" fill="url(#d)" />
    <path
        fill="url(#e)"
        d="M12 18a6.032 6.032 0 0 1-5.504-3.595 1 1 0 0 1 1.828-.81C8.973 15.055 10.415 16 12 16s3.027-.944 3.676-2.405a1 1 0 0 1 1.828.81A6.032 6.032 0 0 1 12 18z"
    />
</svg>