Add icons to this collection by clicking the heart icon.
Speaker icon - also known as music, speaker, loud, electronics, loud speaker, audio system, home theater, and music and multimedia. 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="c"
        x1="74.98"
        x2="437.018"
        y1="437.019"
        y2="74.98"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00aa45" />
        <stop offset="1" stop-color="#d3ff33" />
    </linearGradient>
    <radialGradient
        id="d"
        cx="256"
        cy="256"
        r="256"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00aa45" />
        <stop offset=".102" stop-color="#0faf49" stop-opacity=".899" />
        <stop offset=".295" stop-color="#35bd52" stop-opacity=".705" />
        <stop offset=".561" stop-color="#73d462" stop-opacity=".439" />
        <stop offset=".886" stop-color="#c7f377" stop-opacity=".114" />
        <stop offset="1" stop-color="#e6fe7f" stop-opacity="0" />
    </radialGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#95e12e" />
        <stop offset=".356" stop-color="#c0ed83" />
        <stop offset=".664" stop-color="#e2f7c6" />
        <stop offset=".886" stop-color="#f7fdef" />
        <stop offset="1" stop-color="#fff" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="-116.234"
        x2="503.836"
        y1="723.257"
        y2="103.187"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-17.944"
        x2="529.592"
        y1="450.384"
        y2="-97.152"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-62.667"
        x2="567.073"
        y1="589.105"
        y2="-40.636"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient id="b">
        <stop offset="0" stop-color="#00aa45" />
        <stop offset=".361" stop-color="#57cd3e" />
        <stop offset=".667" stop-color="#9ae838" />
        <stop offset=".887" stop-color="#c3f934" />
        <stop offset="1" stop-color="#d3ff33" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="180.377"
        x2="416.532"
        y1="278.61"
        y2="42.456"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="i"
        x1="101.646"
        x2="378.114"
        y1="356.95"
        y2="80.482"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="j"
        x1="161.297"
        x2="342.394"
        y1="297.569"
        y2="116.472"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <radialGradient
        id="k"
        cx="256"
        cy="202.188"
        r="94.791"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00aa45" />
        <stop offset=".035" stop-color="#0faf49" stop-opacity=".965" />
        <stop offset=".181" stop-color="#47c457" stop-opacity=".819" />
        <stop offset=".328" stop-color="#78d663" stop-opacity=".672" />
        <stop offset=".472" stop-color="#9fe46d" stop-opacity=".528" />
        <stop offset=".613" stop-color="#beef75" stop-opacity=".387" />
        <stop offset=".75" stop-color="#d4f87b" stop-opacity=".25" />
        <stop offset=".881" stop-color="#e2fc7e" stop-opacity=".119" />
        <stop offset="1" stop-color="#e6fe7f" stop-opacity="0" />
    </radialGradient>
    <linearGradient
        id="l"
        x1="231.432"
        x2="329.017"
        y1="226.821"
        y2="129.236"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="m"
        x1="233.76"
        x2="347.376"
        y1="224.512"
        y2="110.896"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="n"
        x1="175.488"
        x2="332.478"
        y1="459.279"
        y2="302.289"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="o"
        x1="206.54"
        x2="309.386"
        y1="428.351"
        y2="325.505"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <circle cx="256" cy="256" r="256" fill="url(#c)" />
    <circle cx="256" cy="256" r="256" fill="url(#d)" />
    <path
        fill="url(#e)"
        d="M361 66.648c-10-.54-20-1.003-30-1.389 2.5 127.161 2.5 254.321 0 381.481 10-.386 20-.849 30-1.389 16.54-.922 30.471-15.323 30.994-31.852 3.175-105 3.175-210 0-315-.522-16.527-14.454-30.928-30.994-31.851z"
    />
    <path
        fill="url(#f)"
        d="M151 66.648c-16.542.922-30.471 15.323-30.994 31.852-3.175 105-3.175 210 0 315 .522 16.53 14.45 30.929 30.994 31.852 20 1.08 40 1.852 60 2.315-1.5-127.778-1.5-255.555 0-383.333-20 .463-40 1.234-60 2.314z"
    />
    <path
        fill="url(#g)"
        d="M331 65.259c-40-1.543-80-1.852-120-.926-16.542.396-30.251 14.613-30.552 31.444a9702.51 9702.51 0 0 0 0 320.444c.301 16.831 14.01 31.049 30.552 31.444 40 .926 80 .617 120-.926 16.543-.66 30.361-14.984 30.773-31.685a6831.938 6831.938 0 0 0 0-318.111c-.41-16.698-14.232-31.024-30.773-31.684z"
    />
    <path
        fill="url(#h)"
        d="M363.419 202.982c.447 58.202-48.201 106.636-107.419 106.831-59.219-.196-107.864-48.63-107.419-106.831.634-58.176 49.28-108.251 107.419-108.419 58.138.168 106.786 50.244 107.419 108.419z"
    />
    <path
        fill="url(#i)"
        d="M332.728 202.593c.241 42.008-34.313 76.398-76.728 76.47-42.416-.073-76.968-34.461-76.728-76.47.308-41.994 34.865-77.22 76.728-77.28 41.865.059 76.416 35.285 76.728 77.28z"
    />
    <path
        fill="url(#j)"
        d="M271.374 248.315c-42.454-.065-76.907-34.318-76.584-76.47a77.1 77.1 0 0 1 2.296-18.088c-10.992 13.406-17.713 30.413-17.814 48.836-.241 42.008 34.313 76.397 76.728 76.47 36.171-.025 66.599-25.135 74.639-58.48-14.03 16.866-35.383 27.739-59.265 27.732z"
    />
    <path
        fill="url(#k)"
        d="M332.728 202.593c.241 42.008-34.313 76.398-76.728 76.47-42.416-.073-76.968-34.461-76.728-76.47.308-41.994 34.865-77.22 76.728-77.28 41.865.059 76.416 35.285 76.728 77.28z"
    />
    <path
        fill="url(#l)"
        d="M286.691 202.252c.042 16.954-13.712 30.68-30.691 30.685-16.978-.005-30.733-13.73-30.691-30.685.047-16.951 13.801-30.812 30.691-30.815 16.89.004 30.644 13.863 30.691 30.815z"
    />
    <path
        fill="url(#m)"
        d="M263.68 217.566c-16.97-.017-30.711-13.74-30.67-30.706.004-1.881.185-3.72.513-5.51-5.073 5.504-8.196 12.849-8.214 20.903-.042 16.954 13.713 30.68 30.691 30.685 15.095-.002 27.636-10.861 30.201-25.182a30.59 30.59 0 0 1-22.521 9.81z"
    />
    <path
        fill="url(#n)"
        d="M294.053 378.769c-.163 21.168-17.224 38.664-38.053 38.669-20.83-.005-37.891-17.502-38.053-38.669-.155-21.175 16.909-38.194 38.053-38.206 21.142.011 38.207 17.031 38.053 38.206z"
    />
    <path
        fill="url(#o)"
        d="M263.579 402.052c-20.899.059-37.973-17.371-38.094-38.556a38.321 38.321 0 0 1 1.042-9.052c-5.421 6.596-8.638 15.057-8.58 24.325.163 21.168 17.222 38.664 38.053 38.669 17.771.001 32.765-12.737 36.921-29.601-7.028 8.617-17.57 14.182-29.342 14.215z"
    />
</svg>
More icons in the same style and category