<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 145"><defs><linearGradient id="SVGIEmVCpML" x1="49.719%" x2="49.719%" y1="-27.701%" y2="100.084%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGIIjM9bTC" x1="50.208%" x2="50.208%" y1="-25%" y2="100.195%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGF3QSzdGG" x1="50.031%" x2="50.031%" y1="-26.166%" y2="100.311%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGJ1RW7w6r" x1="49.936%" x2="49.936%" y1="-23.196%" y2="100.193%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGu9d1hc3n" x1="49.525%" x2="49.525%" y1="-89.845%" y2="101.504%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGlHACbbSr" x1="50.151%" x2="50.151%" y1="-13.846%" y2="100.179%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGcGJADgJy" x1="49.659%" x2="49.659%" y1="-95.238%" y2="100.836%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVG9baP6uNn" x1="49.596%" x2="49.596%" y1="-51.09%" y2="100.373%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGb7UCDQhf" x1="50.414%" x2="50.414%" y1="-33.211%" y2="100.08%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGwOgLAdLn" x1="50.034%" x2="50.034%" y1="-7.143%" y2="100.168%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGObJeiunq" x1="50.325%" x2="50.325%" y1="-220.199%" y2="147.927%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGKpbWAdRP" x1="49.159%" x2="49.159%" y1="-121.474%" y2="112.576%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGg3vbGcNQ" x1="50.422%" x2="50.422%" y1="-94.484%" y2="103.334%"><stop offset="0%" stop-color="#f6871f"/><stop offset="23.93%" stop-color="#f57e20"/><stop offset="62.62%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient><linearGradient id="SVGfgvSneKT" x1="49.931%" x2="49.931%" y1="0%" y2="100.017%"><stop offset="0%" stop-color="#f7941e"/><stop offset="0%" stop-color="#f68b1f"/><stop offset="0%" stop-color="#f6871f"/><stop offset="24.02%" stop-color="#f57e20"/><stop offset="63.06%" stop-color="#f36621"/><stop offset="100%" stop-color="#f04923"/></linearGradient></defs><path fill="url(#SVGIEmVCpML)" d="m109.97 81.482l-1.494-54.487c0-1.694-1.394-2.989-2.988-2.989c-1.693 0-2.988 1.295-2.988 2.989l-1.395 54.487l1.395 26.197c0 1.694 1.394 2.989 2.988 2.989c1.693 0 2.988-1.295 2.988-2.989z"/><path fill="url(#SVGIIjM9bTC)" d="m99.212 81.482l-1.693-56.58a2.784 2.784 0 0 0-2.789-2.788a2.784 2.784 0 0 0-2.79 2.789l-1.493 56.48l1.494 26.396a2.784 2.784 0 0 0 2.789 2.79a2.784 2.784 0 0 0 2.79-2.79z"/><path fill="url(#SVGF3QSzdGG)" d="M76.003 25.301c-.1-1.295-1.096-2.39-2.39-2.39s-2.292.996-2.391 2.39l-1.694 56.081l1.694 26.795c0 1.295 1.096 2.291 2.39 2.291s2.292-.996 2.391-2.39l1.992-26.796z"/><path fill="url(#SVGJ1RW7w6r)" d="M86.761 23.409c0-1.395-1.195-2.59-2.59-2.59a2.57 2.57 0 0 0-2.59 2.59l-1.593 57.973l1.593 26.596c0 1.395 1.196 2.59 2.59 2.59c1.395 0 2.49-1.096 2.59-2.59l1.793-26.596z"/><path fill="url(#SVGu9d1hc3n)" d="M32.473 109.87c.797 0 1.395-.597 1.494-1.493l2.59-26.995l-2.59-27.89c-.1-.798-.697-1.495-1.494-1.495s-1.394.598-1.494 1.494l-2.291 27.891l2.291 26.995c0 .896.697 1.494 1.494 1.494"/><path fill="url(#SVGlHACbbSr)" d="m120.828 81.482l-1.395-64.747c0-1.096-.597-2.092-1.494-2.69c-.498-.299-1.095-.598-1.793-.598c-.597 0-1.195.2-1.793.499c-.896.597-1.494 1.593-1.494 2.689v.598l-1.195 64.15l1.195 25.998v.1c0 .696.299 1.394.797 1.892c.598.697 1.494 1.195 2.49 1.195c.897 0 1.694-.398 2.291-.896c.598-.598.996-1.395.996-2.291l.1-2.59z"/><path fill="url(#SVGcGJADgJy)" d="M44.327 55.483c-.1-.996-.797-1.693-1.694-1.693s-1.693.697-1.693 1.693l-2.092 25.9l2.092 27.193c.1.996.797 1.693 1.693 1.693c.897 0 1.694-.697 1.694-1.693l2.39-27.194z"/><path fill="url(#SVG9baP6uNn)" d="M52.893 37.354c-.996 0-1.892.797-1.892 1.893l-1.992 42.135L51 108.576c.1 1.096.896 1.892 1.892 1.892s1.893-.796 1.893-1.892l2.291-27.194l-2.291-42.135c0-.996-.897-1.893-1.893-1.893"/><path fill="url(#SVGb7UCDQhf)" d="m65.245 108.576l2.092-27.094l-2.092-51.798c-.1-1.195-.996-2.092-2.191-2.092c-1.196 0-2.092.897-2.192 2.092L58.97 81.482l1.892 27.094c0 1.195.996 2.092 2.192 2.092c1.195.1 2.092-.897 2.191-2.092"/><path fill="url(#SVGwOgLAdLn)" d="M128.697 7.87a3.44 3.44 0 0 0-1.793-.499a3.48 3.48 0 0 0-2.191.797c-.797.598-1.295 1.594-1.295 2.69v.398l-1.395 70.325l.698 12.95l.697 12.65c0 1.893 1.594 3.387 3.486 3.387s3.387-1.594 3.487-3.486l1.494-25.6l-1.494-70.624c-.1-1.295-.698-2.391-1.694-2.989"/><path fill="url(#SVGObJeiunq)" d="M2.889 96.324c.498 0 .896-.399.996-.996l2.191-13.946l-2.191-14.145c-.1-.597-.498-.996-.996-.996a1 1 0 0 0-.996.996L0 81.382l1.893 13.946c0 .597.498.996.996.996"/><path fill="url(#SVGKpbWAdRP)" d="M12.352 104.79c.498 0 .996-.398 1.095-.995l2.89-22.413l-2.89-22.91c-.1-.598-.498-.997-1.095-.997c-.498 0-.996.399-1.096.997l-2.49 22.91l2.49 22.413c.1.597.498.996 1.096.996"/><path fill="url(#SVGg3vbGcNQ)" d="M22.313 108.875c.697 0 1.195-.498 1.295-1.295l2.69-26.198l-2.69-27.194c-.1-.697-.598-1.295-1.295-1.295s-1.195.498-1.295 1.295l-2.39 27.194l2.39 26.198c.1.697.598 1.295 1.295 1.295"/><path fill="url(#SVGfgvSneKT)" d="M223.626 48.012c-4.283 0-8.367.897-12.152 2.391C208.984 22.213 185.276 0 156.389 0a55.1 55.1 0 0 0-20.022 3.785c-2.39.897-2.988 1.893-2.988 3.686v99.511c0 1.893 1.494 3.387 3.387 3.586h86.96c17.332 0 31.378-13.846 31.378-31.178c-.1-17.332-14.145-31.378-31.478-31.378"/><path fill="#818cf8" d="M25.002 129.494c-3.685-.896-4.681-1.295-4.681-2.789c0-.996.797-2.092 3.287-2.092c2.092 0 3.785.897 5.28 2.39l3.386-3.286c-2.192-2.291-4.881-3.686-8.467-3.686c-4.582 0-8.268 2.59-8.268 6.774c0 4.582 2.989 5.976 7.272 6.873c4.383.996 5.18 1.693 5.18 3.187c0 1.793-1.295 2.49-4.084 2.49c-2.192 0-4.284-.796-5.977-2.689l-3.387 2.988c1.793 2.59 5.18 4.184 8.965 4.184c6.375 0 9.065-2.988 9.065-7.371c.199-4.881-3.885-6.176-7.57-6.973m21.417-9.363c-6.375 0-10.061 4.88-10.061 11.953s3.785 11.953 10.06 11.953s10.061-4.88 10.061-11.953s-3.785-11.953-10.06-11.953m0 19.225c-3.786 0-5.28-3.188-5.28-7.372s1.594-7.37 5.28-7.37c3.785 0 5.28 3.187 5.28 7.37c0 4.184-1.595 7.372-5.28 7.372m28.787-5.877c0 3.685-1.793 5.976-4.781 5.976s-4.781-2.39-4.781-6.076v-12.95h-4.682v13.05c0 6.773 3.785 10.558 9.363 10.558c5.877 0 9.364-3.884 9.364-10.558v-12.95h-4.682v12.95zm24.604-3.188c0 1.295.1 4.184.1 5.08c-.3-.597-1.096-1.793-1.594-2.59l-8.268-12.252h-4.482v23.21h4.582v-10.26c0-1.295-.1-4.184-.1-5.08c.3.597 1.096 1.792 1.594 2.59l8.467 12.65h4.184v-23.21H99.71v9.862zm17.83-9.861h-7.271v23.209h6.873c5.977 0 11.854-3.486 11.854-11.555c0-8.566-4.881-11.654-11.456-11.654m-.398 18.726h-2.291v-14.144h2.49c4.881 0 6.973 2.39 6.973 7.072c0 4.184-2.291 7.072-7.172 7.072m26.198-14.443c2.092 0 3.386.896 4.283 2.49l4.283-1.992c-1.494-2.988-4.084-5.18-8.467-5.18c-6.076 0-10.26 4.881-10.26 11.953c0 7.272 4.084 11.954 10.16 11.954c4.184 0 6.973-1.992 8.567-5.28l-3.885-2.29c-1.195 2.091-2.49 2.988-4.582 2.988c-3.486 0-5.478-3.188-5.478-7.372c0-4.283 1.992-7.271 5.379-7.271m17.232-4.283h-4.681v23.209h13.945v-4.582h-9.264zm21.516-.3c-6.375 0-10.06 4.882-10.06 11.954s3.785 11.953 10.06 11.953c6.375 0 10.061-4.88 10.061-11.953s-3.686-11.953-10.06-11.953m0 19.226c-3.785 0-5.28-3.188-5.28-7.372s1.595-7.37 5.28-7.37c3.786 0 5.28 3.187 5.28 7.37c0 4.184-1.494 7.372-5.28 7.372m28.788-5.877c0 3.685-1.793 5.976-4.781 5.976c-2.989 0-4.782-2.39-4.782-6.076v-12.95h-4.681v13.05c0 6.773 3.785 10.558 9.363 10.558c5.877 0 9.363-3.884 9.363-10.558v-12.95h-4.681v12.95zm17.73-13.05h-7.271v23.21h6.873c5.977 0 11.854-3.486 11.854-11.555c0-8.566-4.881-11.654-11.455-11.654m-.398 18.727h-2.191v-14.144h2.49c4.88 0 6.873 2.39 6.873 7.072c0 4.184-2.29 7.072-7.172 7.072"/></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SoundcloudIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.