<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><defs><clipPath id="SVGfax5Td9w"><use href="#SVGBOpdMdAK"/></clipPath><mask id="SVGfpt6iblD"><g filter="url(#SVGaoNCObWe)"><use href="#SVGBOpdMdAK" fill-opacity=".349"/></g></mask><mask id="SVGwGVJzeiu"><g filter="url(#SVGaoNCObWe)"><use href="#SVGBOpdMdAK" fill-opacity=".2"/></g></mask><mask id="SVGdVPhKbmn"><g filter="url(#SVGaoNCObWe)"><use href="#SVGBOpdMdAK" fill-opacity=".6"/></g></mask><mask id="SVGag6orCuQ"><g filter="url(#SVGaoNCObWe)"><use href="#SVGBOpdMdAK" fill-opacity=".4"/></g></mask><mask id="SVGX3LwKbUH"><g filter="url(#SVGaoNCObWe)"><use href="#SVGBOpdMdAK" fill-opacity=".302"/></g></mask><mask id="SVG97sXNdpb"><g filter="url(#SVGaoNCObWe)"><use href="#SVGBOpdMdAK" fill-opacity=".42"/></g></mask><g id="SVGgG4Smevv" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M37.71 20.625H90.5l-.2-.773H37.888zm0 0"/></g><g id="SVGJ9zCfdie" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="m84.824 63.125l-1.523-6.176a.364.364 0 0 0-.352-.273h12.739c.335 0 .624.222.699.55l1.449 5.9zm0 0"/></g><g id="SVGYVvYWdBn" clip-path="url(#SVGfax5Td9w)"><path fill="url(#SVGcgc6WuaX)" d="m97.836 63.125l-1.46-5.898a.72.72 0 0 0-.7-.55h-63.2a.71.71 0 0 0-.703.55l-1.449 5.9a.35.35 0 0 0 .05.287L41.461 80.3c.125.187.34.3.562.3h44.14a.68.68 0 0 0 .564-.3l11.085-16.887c.024-.09.05-.187.024-.29zm0 0"/></g><g id="SVGIJRAtb9t" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M77.96 43.813h5.653v-5.649zm0 0"/></g><g id="SVGStAxxeDn" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M30.29 63.273h67.585l-.164-.636H30.438zm0 0"/></g><g id="SVGSy7dxeFa" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M45.426 80.602h37.312v2.16H45.426zm0 0"/></g><g id="SVG2jNPCbGq" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M56.574 30.04h.352v13.773h-.352zm0 0"/></g><g id="SVGxCkRmcJi" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="m93.074 56.676l-.324-1.824H35.437l-.324 1.824zm0 0"/></g><g id="SVG1jinadJO" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="m43.512 63.074l1.527-6.176a.36.36 0 0 1 .348-.273H32.648a.71.71 0 0 0-.699.55l-1.45 5.9zm0 0"/></g><g id="SVGaG4Uup4M" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M44.574 29.512h39.028v1.562H44.574zm0 0"/></g><g id="SVGBXCmidsR" clip-path="url(#SVGfax5Td9w)"><path fill="url(#SVGMkpzJcZj)" d="M44.574 29.512h39.04v15.601h-39.04zm0 0"/></g><g id="SVGhrp2UbkZ" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="m73.71 80.262l11.165-16.95h12.988a.7.7 0 0 1-.05.137L86.727 80.336a.68.68 0 0 1-.563.3H73.086a.76.76 0 0 0 .625-.374zm0 0"/></g><g id="SVGySQDQbYP" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M47.688 107.54h32.488v.522h-32.49zm0 0"/></g><g id="SVGE1jA1l6h" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M71.25 30.04h.352v13.773h-.352zm0 0"/></g><g id="SVGZBUpVdAk" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M54.688 29.512H44.573v10.101zm0 0"/></g><g id="SVGuZVfGcVs" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="m67.477 43.813l14.296-14.301H61.477l-14.301 14.3zm0 0"/></g><g id="SVGU0Z7AdkI" clip-path="url(#SVGfax5Td9w)"><path fill="#818cf8" d="M54.887 80.602h-9.473v26.062c0 .484.387.875.875.875h8.586V80.602zm0 0"/></g><linearGradient id="SVGcgc6WuaX" x1="402.006" x2="592.967" y1="683.678" y2="352.925" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".204" stop-color="#ffd813" stop-opacity="0"/><stop offset=".781" stop-color="#ffd813"/></linearGradient><linearGradient id="SVGMkpzJcZj" x1="356.628" x2="668.854" y1="298.508" y2="298.508" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".408" stop-color="#fff" stop-opacity="0"/><stop offset=".999" stop-color="#fff"/></linearGradient><linearGradient id="SVGFSUIr9Of" x1="445.097" x2="445.097" y1="350.498" y2="240.257" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00caf4" stop-opacity="0"/><stop offset=".568" stop-color="#00caf4" stop-opacity=".282"/><stop offset=".6" stop-color="#00caf4" stop-opacity=".302"/><stop offset=".797" stop-color="#00caf4" stop-opacity=".302"/><stop offset="1" stop-color="#00caf4" stop-opacity=".102"/></linearGradient><linearGradient id="SVGcBdHdxQc" x1="-13963.451" x2="-13963.451" y1="350.498" y2="240.257" gradientTransform="matrix(-.125 0 0 .125 -1672.883 0)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00caf4" stop-opacity="0"/><stop offset=".568" stop-color="#00caf4" stop-opacity=".282"/><stop offset=".6" stop-color="#00caf4" stop-opacity=".302"/><stop offset=".797" stop-color="#00caf4" stop-opacity=".302"/><stop offset="1" stop-color="#00caf4" stop-opacity=".102"/></linearGradient><linearGradient id="SVGSsceHpmg" x1="271.237" x2="754.495" y1="200.537" y2="200.537" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00caf4" stop-opacity="0"/><stop offset=".568" stop-color="#00caf4" stop-opacity=".282"/><stop offset=".6" stop-color="#00caf4" stop-opacity=".302"/><stop offset=".797" stop-color="#00caf4" stop-opacity=".302"/><stop offset="1" stop-color="#00caf4" stop-opacity=".102"/></linearGradient><linearGradient id="SVGkqoeUdHZ" x1="341.428" x2="684.054" y1="376.151" y2="376.151" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".204" stop-color="#ffd813" stop-opacity="0"/><stop offset=".781" stop-color="#ffd813"/></linearGradient><linearGradient id="SVGNL3UQd6V" x1="280.913" x2="744.569" y1="421.897" y2="421.897" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".096" stop-color="#00caf4" stop-opacity="0"/><stop offset=".568" stop-color="#00caf4" stop-opacity=".282"/><stop offset=".6" stop-color="#00caf4" stop-opacity=".302"/><stop offset=".797" stop-color="#00caf4" stop-opacity=".302"/><stop offset="1" stop-color="#00caf4" stop-opacity=".102"/></linearGradient><linearGradient id="SVGbz78qc2f" x1="512.625" x2="512.625" y1="644.777" y2="860.332" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#005f8e"/><stop offset=".724" stop-color="#004972"/><stop offset=".74" stop-color="#004972"/></linearGradient><linearGradient id="SVGCw8z8bml" x1="623.997" x2="623.997" y1="644.778" y2="860.332" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008dc4"/><stop offset=".541" stop-color="#0072a7"/></linearGradient><linearGradient id="SVG5RtU7c4E" x1="301.713" x2="724.02" y1="152.949" y2="152.949" gradientTransform="scale(.125)" gradientUnits="userSpaceOnUse"><stop offset=".204" stop-color="#ffd813" stop-opacity="0"/><stop offset=".781" stop-color="#ffd813"/></linearGradient><filter id="SVGaoNCObWe" width="100%" height="100%" x="0%" y="0%" filterUnits="objectBoundingBox"><feColorMatrix in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/></filter><path id="SVGBOpdMdAK" d="M0 0h128v128H0z"/></defs><path fill="#818cf8" d="M47.688 107.54v2.347c0 .199.164.363.363.363h31.773c.2 0 .364-.164.364-.363v-2.348zM83.61 45.113H44.584v-15.61h39.023zm0 0"/><use href="#SVGBXCmidsR" mask="url(#SVGdVPhKbmn)"/><use href="#SVGIJRAtb9t" mask="url(#SVGwGVJzeiu)"/><use href="#SVGuZVfGcVs" mask="url(#SVGfpt6iblD)"/><use href="#SVGaG4Uup4M" mask="url(#SVGag6orCuQ)"/><use href="#SVGZBUpVdAk" mask="url(#SVGwGVJzeiu)"/><path fill="#818cf8" d="M83.61 45.23H44.585v-1.42h39.023zm0 0"/><path fill="#818cf8" d="M71.613 30.04h1.524v13.773h-1.524zm-16.562 0h1.523v13.773h-1.523zm0 0"/><path fill="url(#SVGFSUIr9Of)" d="M55.05 30.04h1.177v13.773H55.05zm0 0"/><path fill="url(#SVGcBdHdxQc)" d="M71.96 30.04h1.177v13.773H71.96zm0 0"/><use href="#SVG2jNPCbGq" mask="url(#SVGX3LwKbUH)"/><use href="#SVGE1jA1l6h" mask="url(#SVGX3LwKbUH)"/><path fill="#818cf8" d="m85.512 48.8l-.586-3.277a.35.35 0 0 0-.352-.296h-40.96a.35.35 0 0 0-.352.296l-.586 3.278zm0 0"/><path fill="#818cf8" d="m93.074 56.676l-1.363-7.574a.346.346 0 0 0-.348-.3H36.824a.346.346 0 0 0-.347.301l-1.364 7.574zm0 0"/><path fill="url(#SVGNL3UQd6V)" d="m93.074 56.676l-1.363-7.574a.346.346 0 0 0-.348-.3H36.824a.346.346 0 0 0-.347.301l-1.364 7.574zm0 0"/><path fill="url(#SVGbz78qc2f)" d="M45.426 80.602v26.062a.87.87 0 0 0 .875.875h35.55c.485 0 .876-.39.876-.875V80.602zm0 0"/><path fill="#818cf8" d="M36.824 48.8a.346.346 0 0 0-.347.302l-.016.074h55.266l-.016-.074a.346.346 0 0 0-.348-.301zm0 0"/><path fill="#818cf8" d="M37.71 20.625H90.5l-.727-2.7a.41.41 0 0 0-.398-.3H38.727a.43.43 0 0 0-.403.313zm0 0"/><path fill="url(#SVG5RtU7c4E)" d="M37.71 20.625H90.5l-.727-2.7a.41.41 0 0 0-.398-.3H38.727a.43.43 0 0 0-.403.313zm0 0"/><use href="#SVGgG4Smevv" mask="url(#SVGag6orCuQ)"/><path fill="#818cf8" d="M35.563 30.04h57.085c.141 0 .25-.102.278-.227l1.398-9.188H33.898l1.391 9.188a.28.28 0 0 0 .273.226zm0 0"/><path fill="#818cf8" d="M33.988 21.188h60.239l.085-.563H33.898zm0 0"/><path fill="url(#SVGkqoeUdHZ)" d="m85.512 48.8l-.586-3.277a.35.35 0 0 0-.352-.296h-40.96a.35.35 0 0 0-.352.296l-.586 3.278zm0 0"/><path fill="#818cf8" d="m85.512 48.8l-.2-1.09H42.876l-.2 1.09zm0 0"/><use href="#SVGxCkRmcJi" mask="url(#SVGfpt6iblD)"/><use href="#SVGySQDQbYP" mask="url(#SVGwGVJzeiu)"/><use href="#SVGU0Z7AdkI" mask="url(#SVGag6orCuQ)"/><path fill="url(#SVGCw8z8bml)" d="M82.738 106.664V80.602h-9.476v26.949h8.601a.9.9 0 0 0 .875-.887m0 0"/><path fill="#818cf8" d="m97.836 63.125l-1.46-5.898a.72.72 0 0 0-.7-.55h-63.2a.71.71 0 0 0-.703.55l-1.449 5.9a.35.35 0 0 0 .05.287L41.461 80.3c.125.187.34.3.562.3h44.14a.68.68 0 0 0 .564-.3l11.085-16.887c.024-.09.05-.187.024-.29zm0 0"/><use href="#SVGYVvYWdBn" mask="url(#SVGag6orCuQ)"/><path fill="#818cf8" d="M30.313 63.273a.5.5 0 0 0 .05.141L41.45 80.301c.125.187.34.3.563.3h44.136a.68.68 0 0 0 .563-.3L97.8 63.414a.3.3 0 0 0 .05-.14zm0 0"/><use href="#SVGSy7dxeFa" mask="url(#SVG97sXNdpb)"/><path fill="#818cf8" d="M54.46 80.262L43.3 63.312H30.314a.5.5 0 0 0 .05.137L41.45 80.336c.125.187.34.3.563.3h13.09a.79.79 0 0 1-.64-.374zm0 0"/><use href="#SVG1jinadJO" mask="url(#SVGag6orCuQ)"/><use href="#SVGhrp2UbkZ" mask="url(#SVGag6orCuQ)"/><use href="#SVGJ9zCfdie" mask="url(#SVGag6orCuQ)"/><use href="#SVGStAxxeDn" mask="url(#SVGag6orCuQ)"/><path fill="url(#SVGSsceHpmg)" d="m92.96 29.512l1.353-8.887H33.898l1.352 8.887zm0 0"/><path fill="#818cf8" d="M43.613 45.238a.35.35 0 0 0-.351.301l-.024.125h41.7l-.024-.125a.35.35 0 0 0-.352-.3zm0 0"/></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 devicon) 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. TowergitIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** 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.