<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iRXPMZd)" d="M7 2H3v28h4z"/><path fill="url(#iDprhpc)" d="M7 2H3v28h4z"/><path fill="url(#iNhz16c)" d="M7 2H3v28h4z"/><g filter="url(#iNYtPpc)"><path fill="url(#isSkyDK)" d="M5 3.152h1.087v26.011H5z"/></g><path fill="url(#i7kd2zL)" d="M7 2H3v28h4z"/><path fill="url(#it5kGIb)" d="M7 2H3v28h4z"/><path fill="url(#iLE714d)" d="M8.094 10H2.906A.905.905 0 0 1 2 9.089V6.91c0-.505.403-.91.906-.91h5.188c.503 0 .906.405.906.911v2.167a.914.914 0 0 1-.906.922"/><path fill="url(#i6inV5T)" d="M8.094 10H2.906A.905.905 0 0 1 2 9.089V6.91c0-.505.403-.91.906-.91h5.188c.503 0 .906.405.906.911v2.167a.914.914 0 0 1-.906.922"/><path fill="url(#i4JW5Kv)" d="M8.094 10H2.906A.905.905 0 0 1 2 9.089V6.91c0-.505.403-.91.906-.91h5.188c.503 0 .906.405.906.911v2.167a.914.914 0 0 1-.906.922"/><path fill="url(#iO2Lz8b)" d="M8.094 23H2.906A.906.906 0 0 1 2 22.086v-2.172c0-.508.403-.914.906-.914h5.188c.503 0 .906.406.906.914v2.172a.913.913 0 0 1-.906.914"/><path fill="url(#iKnGGHb)" d="M8.094 23H2.906A.906.906 0 0 1 2 22.086v-2.172c0-.508.403-.914.906-.914h5.188c.503 0 .906.406.906.914v2.172a.913.913 0 0 1-.906.914"/><path fill="url(#iXKbaSb)" d="M8.094 23H2.906A.906.906 0 0 1 2 22.086v-2.172c0-.508.403-.914.906-.914h5.188c.503 0 .906.406.906.914v2.172a.913.913 0 0 1-.906.914"/><g filter="url(#iVBRLad)"><path fill="url(#iGS14qd)" d="M10.255 25h16.49A2.257 2.257 0 0 0 29 22.745V6.255A2.257 2.257 0 0 0 26.745 4h-16.49A2.257 2.257 0 0 0 8 6.255v16.49A2.257 2.257 0 0 0 10.255 25"/></g><path fill="url(#ibGZEGb)" d="M10.255 25h16.49A2.257 2.257 0 0 0 29 22.745V6.255A2.257 2.257 0 0 0 26.745 4h-16.49A2.257 2.257 0 0 0 8 6.255v16.49A2.257 2.257 0 0 0 10.255 25"/><path fill="url(#ikGDqwd)" d="M10.255 25h16.49A2.257 2.257 0 0 0 29 22.745V6.255A2.257 2.257 0 0 0 26.745 4h-16.49A2.257 2.257 0 0 0 8 6.255v16.49A2.257 2.257 0 0 0 10.255 25"/><rect width="2.038" height="4.005" x="21.934" y="16.995" fill="url(#iZWU01O)" rx=".5"/><rect width="2.038" height="4.005" x="13.027" y="16.995" fill="url(#izCpzUv)" rx=".5"/><path fill="url(#ioLG49c)" d="M23.697 13.097h1.152v.968h-1.152z"/><path fill="url(#iOPFzRc)" d="M12.452 13.097h1.152v.968h-1.152z"/><path fill="url(#ii8Tq7c)" d="M13.028 9.75a1.6 1.6 0 0 1 1.6-1.6h7.744a1.6 1.6 0 0 1 1.6 1.6v8.993a.8.8 0 0 1-.8.8h-9.344a.8.8 0 0 1-.8-.8z"/><rect width=".983" height="2.466" x="24.446" y="12.103" fill="url(#iua8pny)" rx=".3"/><rect width=".983" height="2.466" x="11.57" y="12.103" fill="#818cf8" fill-opacity=".5" opacity=".55" rx=".3"/><rect width=".983" height="2.466" x="11.57" y="12.103" fill="url(#i2wo2EM)" rx=".3"/><path fill="url(#ijpcnPb)" d="M23.973 15.969v2.774a.8.8 0 0 1-.8.8h-9.345a.8.8 0 0 1-.8-.8v-2.774z"/><rect width="8.907" height="5.952" x="14.047" y="9.617" fill="url(#iWXhosc)" rx=".5"/><path fill="url(#iBpHIFc)" d="M22.953 11.105h-8.906v-.988a.5.5 0 0 1 .5-.5h7.906a.5.5 0 0 1 .5.5z"/><rect width="5.941" height=".51" x="15.545" y="16.547" fill="url(#iHtdMqb)" rx=".255"/><rect width="3.954" height=".51" x="16.523" y="17.545" fill="url(#i0BhzLb)" rx=".255"/><path fill="url(#iVcp6uN)" d="M13.028 18.534v-1.987h1.008a.5.5 0 0 1 .5.5v.987a.5.5 0 0 1-.5.5z"/><path fill="url(#iaRxKKK)" d="M23.973 18.534v-1.987h-1.009a.5.5 0 0 0-.5.5v.987a.5.5 0 0 0 .5.5z"/><defs><linearGradient id="iRXPMZd" x1="3.003" x2="6.087" y1="16.004" y2="16.004" gradientUnits="userSpaceOnUse"><stop stop-color="#625F69"/><stop offset="1" stop-color="#8D8BA1"/></linearGradient><linearGradient id="isSkyDK" x1="5.543" x2="5.543" y1="3.152" y2="29.163" gradientUnits="userSpaceOnUse"><stop stop-color="#C1BEC8"/><stop offset="1" stop-color="#C1BEC8" stop-opacity="0"/></linearGradient><linearGradient id="iLE714d" x1="1.994" x2="6.975" y1="7.999" y2="7.999" gradientUnits="userSpaceOnUse"><stop stop-color="#5B5763"/><stop offset="1" stop-color="#B0A8BB"/></linearGradient><linearGradient id="i6inV5T" x1="5.5" x2="5.5" y1="6" y2="6.68" gradientUnits="userSpaceOnUse"><stop stop-color="#8A8C96"/><stop offset="1" stop-color="#8A8C96" stop-opacity="0"/></linearGradient><linearGradient id="i4JW5Kv" x1="6.253" x2="6.253" y1="10.517" y2="9.04" gradientUnits="userSpaceOnUse"><stop stop-color="#625275"/><stop offset="1" stop-color="#625275" stop-opacity="0"/></linearGradient><linearGradient id="iO2Lz8b" x1="1.994" x2="6.975" y1="20.999" y2="20.999" gradientUnits="userSpaceOnUse"><stop stop-color="#5B5763"/><stop offset="1" stop-color="#B0A8BB"/></linearGradient><linearGradient id="iKnGGHb" x1="5.5" x2="5.5" y1="19" y2="19.68" gradientUnits="userSpaceOnUse"><stop stop-color="#8A8C96"/><stop offset="1" stop-color="#8A8C96" stop-opacity="0"/></linearGradient><linearGradient id="iXKbaSb" x1="6.253" x2="6.253" y1="23.517" y2="22.04" gradientUnits="userSpaceOnUse"><stop stop-color="#625275"/><stop offset="1" stop-color="#625275" stop-opacity="0"/></linearGradient><linearGradient id="iGS14qd" x1="11.313" x2="27.563" y1="23.438" y2="5.75" gradientUnits="userSpaceOnUse"><stop stop-color="#3C7BD2"/><stop offset="1" stop-color="#3893E1"/></linearGradient><linearGradient id="ibGZEGb" x1="18.5" x2="18.5" y1="25.688" y2="23.125" gradientUnits="userSpaceOnUse"><stop stop-color="#3054C2"/><stop offset="1" stop-color="#3054C2" stop-opacity="0"/></linearGradient><linearGradient id="iZWU01O" x1="21.934" x2="23.973" y1="20.135" y2="20.135" gradientUnits="userSpaceOnUse"><stop stop-color="#5C4373"/><stop offset="1" stop-color="#3F3944"/></linearGradient><linearGradient id="izCpzUv" x1="13.027" x2="15.066" y1="20.135" y2="20.135" gradientUnits="userSpaceOnUse"><stop stop-color="#5C4373"/><stop offset="1" stop-color="#3F3944"/></linearGradient><linearGradient id="ioLG49c" x1="23.966" x2="24.439" y1="13.476" y2="13.476" gradientUnits="userSpaceOnUse"><stop stop-color="#3D3740"/><stop offset="1" stop-color="#453A4E"/></linearGradient><linearGradient id="iOPFzRc" x1="12.539" x2="12.945" y1="13.476" y2="13.476" gradientUnits="userSpaceOnUse"><stop stop-color="#3D3740"/><stop offset="1" stop-color="#453A4E"/></linearGradient><linearGradient id="ii8Tq7c" x1="13.785" x2="24.878" y1="8.149" y2="17.901" gradientUnits="userSpaceOnUse"><stop stop-color="#D1C4D9"/><stop offset="1" stop-color="#DDCDE7"/></linearGradient><linearGradient id="iua8pny" x1="24.515" x2="25.43" y1="13.07" y2="13.07" gradientUnits="userSpaceOnUse"><stop stop-color="#3F3742"/><stop offset="1" stop-color="#543F68"/></linearGradient><linearGradient id="i2wo2EM" x1="11.639" x2="12.554" y1="13.07" y2="13.07" gradientUnits="userSpaceOnUse"><stop stop-color="#3F3742"/><stop offset="1" stop-color="#543F68"/></linearGradient><linearGradient id="ijpcnPb" x1="14.201" x2="21.342" y1="15.969" y2="19.808" gradientUnits="userSpaceOnUse"><stop stop-color="#EEB742"/><stop offset="1" stop-color="#E2A53E"/></linearGradient><linearGradient id="iWXhosc" x1="14.047" x2="22.953" y1="12.231" y2="12.231" gradientUnits="userSpaceOnUse"><stop stop-color="#389BEC"/><stop offset="1" stop-color="#57D4F4"/></linearGradient><linearGradient id="iBpHIFc" x1="14.047" x2="22.953" y1="10.361" y2="10.361" gradientUnits="userSpaceOnUse"><stop stop-color="#403B44"/><stop offset="1" stop-color="#5A436E"/></linearGradient><linearGradient id="iHtdMqb" x1="15.545" x2="21.486" y1="16.801" y2="16.801" gradientUnits="userSpaceOnUse"><stop stop-color="#5B5360"/><stop offset="1" stop-color="#68606D"/></linearGradient><linearGradient id="i0BhzLb" x1="16.523" x2="20.477" y1="17.8" y2="17.8" gradientUnits="userSpaceOnUse"><stop stop-color="#5B5360"/><stop offset="1" stop-color="#68606D"/></linearGradient><linearGradient id="iVcp6uN" x1="13.027" x2="14.363" y1="17.865" y2="17.865" gradientUnits="userSpaceOnUse"><stop stop-color="#C7B8D1"/><stop offset="1" stop-color="#DECEE6"/></linearGradient><linearGradient id="iaRxKKK" x1="22.464" x2="24.293" y1="17.54" y2="17.54" gradientUnits="userSpaceOnUse"><stop stop-color="#C7B8D1"/><stop offset="1" stop-color="#DECEE6"/></linearGradient><radialGradient id="iDprhpc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.24562 4.88853 -3.45339 -.87994 7.772 2)" gradientUnits="userSpaceOnUse"><stop stop-color="#CBC9D2"/><stop offset="1" stop-color="#CBC9D2" stop-opacity="0"/></radialGradient><radialGradient id="iNhz16c" cx="0" cy="0" r="1" gradientTransform="matrix(-4.61609 -9.2322 5.55274 -2.77636 10.117 32.607)" gradientUnits="userSpaceOnUse"><stop stop-color="#AEA1BE"/><stop offset="1" stop-color="#AEA1BE" stop-opacity="0"/></radialGradient><radialGradient id="i7kd2zL" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.93545 -3.83941 0 5 9.062)" gradientUnits="userSpaceOnUse"><stop offset=".329" stop-color="#645775"/><stop offset="1" stop-color="#645775" stop-opacity="0"/></radialGradient><radialGradient id="it5kGIb" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.69494 -5.34602 0 5 21.753)" gradientUnits="userSpaceOnUse"><stop offset=".329" stop-color="#645775"/><stop offset="1" stop-color="#645775" stop-opacity="0"/></radialGradient><radialGradient id="ikGDqwd" cx="0" cy="0" r="1" gradientTransform="rotate(130.192 13.36 8.9)scale(2.37274 1.97845)" gradientUnits="userSpaceOnUse"><stop offset=".141" stop-color="#52BBFF"/><stop offset="1" stop-color="#52BBFF" stop-opacity="0"/></radialGradient><filter id="iNYtPpc" width="4.087" height="29.011" x="3.5" y="1.652" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_11612" stdDeviation=".75"/></filter><filter id="iVBRLad" width="23.5" height="23.5" x="6.75" y="2.75" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-1.25" dy="1.25"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.262745 0 0 0 0 0.65098 0 0 0 0 0.952941 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_11612"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="1.25" dy="-1.25"/><feGaussianBlur stdDeviation=".625"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.160784 0 0 0 0 0.32549 0 0 0 0 0.572549 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_11612" result="effect2_innerShadow_18_11612"/></filter></defs></g></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. BusStopIcon.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.