Home/Libraries/SVG Logos (Iconify)/webix-icon

SVG Logos (Iconify)

WebixIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 213"><defs><linearGradient id="SVG2peV4cAA" x1="12.932%" x2="71.216%" y1="9.052%" y2="81.625%"><stop offset="0%" stop-color="#67337a"/><stop offset="100%" stop-color="#723986"/></linearGradient><linearGradient id="SVGv7tbZdvf" x1="91.997%" x2="29.654%" y1="52.448%" y2="52.448%"><stop offset="0%" stop-color="#623274" stop-opacity="0"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGxHkSGopi" x1="91.675%" x2="56.225%" y1="5.599%" y2="79.874%"><stop offset="0%" stop-color="#8a519f"/><stop offset="100%" stop-color="#8a53a0"/></linearGradient><linearGradient id="SVGVpAs1d9W" x1="63.479%" x2="0%" y1="48.225%" y2="48.225%"><stop offset="0%" stop-color="#8a529f" stop-opacity=".1"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGuPAx3bnx" x1="24.699%" x2="80.097%" y1="31.401%" y2="66.964%"><stop offset="0%" stop-color="#5c2e6d"/><stop offset="100%" stop-color="#6d377b"/></linearGradient><linearGradient id="SVGmoOgAe3y" x1="12.346%" x2="81.65%" y1="34.458%" y2="53.652%"><stop offset="0%" stop-color="#612e74"/><stop offset="100%" stop-color="#7f4395"/></linearGradient><linearGradient id="SVGngSTUBVj" x1="100%" x2="100%" y1="0%" y2="69.36%"><stop offset="0%" stop-color="#582c6a"/><stop offset="100%" stop-color="#743983"/></linearGradient><linearGradient id="SVG2fk50Eio" x1="50%" x2="19.624%" y1="74.788%" y2="71.707%"><stop offset="0%" stop-color="#623274" stop-opacity="0"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGKmKZ7FNh" x1="0%" x2="0%" y1="0%" y2="100%"><stop offset="0%" stop-color="#723a85"/><stop offset="100%" stop-color="#8c519c"/></linearGradient><linearGradient id="SVG4B6JdPjC" x1="0%" x2="62.291%" y1="35.927%" y2="46.718%"><stop offset="0%" stop-color="#66397a"/><stop offset="100%" stop-color="#9f69ab"/></linearGradient><linearGradient id="SVGmu4SKcSB" x1="72%" x2="0%" y1="48.225%" y2="48.225%"><stop offset="0%" stop-color="#623274" stop-opacity="0"/><stop offset="100%" stop-color="#542c65"/></linearGradient><linearGradient id="SVGK5x6tc5x" x1="50%" x2="50%" y1="21.039%" y2="78.192%"><stop offset="0%" stop-color="#5d306e"/><stop offset="100%" stop-color="#9f6aaa"/></linearGradient><path id="SVGPZLGHeUA" d="M0 .328h256.003v210.939H0z"/></defs><mask id="SVGhtNuoxYK" fill="#818cf8"><use href="#SVGPZLGHeUA"/></mask><path fill="#818cf8" d="M0 139.993V.328l64.102 70.084L128.481.328l63.521 69.721L256.003.328v139.987l-63.282 70.952l-64.24-69.993l-64.241 69.993z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVG2peV4cAA)" d="M32.122 105.798c6.655-7.285 28.07-30.726 32.118-35.16C56.104 61.737 13.276 14.86 0 .329z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGv7tbZdvf)" d="m16.91-2.999l15.038 31.266l.584 85.211H6.644z" mask="url(#SVGhtNuoxYK)" transform="rotate(-17 19.588 55.24)"/><path fill="url(#SVGv7tbZdvf)" d="m29.723 60.734l30.682 10.082l-2.822 40.894l-20.409 2.717z" mask="url(#SVGhtNuoxYK)" transform="rotate(235 45.064 87.58)"/><path fill="url(#SVGxHkSGopi)" d="m191.762 70.318l64.241 69.997V.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGVpAs1d9W)" d="m223.557 50.902l19.757-.491l-5.471 75.975l-20.002 19.315z" mask="url(#SVGhtNuoxYK)" transform="rotate(-46 230.577 98.056)"/><path fill="url(#SVGuPAx3bnx)" d="m192.721 211.267l63.282-70.952l-87.252-95.881z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGmoOgAe3y)" d="m128.481 141.274l64.24 69.993l-23.97-166.833z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGngSTUBVj)" d="m64.24 211.267l64.241-69.993V.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVG2fk50Eio)" d="m64.24 211.267l25.121-27.371l39.12-142.392V.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGKmKZ7FNh)" d="m128.481 141.274l40.27-96.84L128.481.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVG4B6JdPjC)" d="M31.64 105.662c2.2 7.204 32.605 105.605 32.605 105.605L128.48.328z" mask="url(#SVGhtNuoxYK)"/><path fill="url(#SVGmu4SKcSB)" d="m41.813 102.192l28.953-16.944l-.247 110.832l-25.112 14.748z" mask="url(#SVGhtNuoxYK)" transform="rotate(-17 56.29 148.038)"/><path fill="url(#SVGK5x6tc5x)" d="m0 140.775l64.24 70.492L.003.328z" mask="url(#SVGhtNuoxYK)"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. WebixIconIcon.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.