Add icons to this collection by clicking the heart icon.
Bus Stop icon - also known as transport, road, travel, transportation, broken lines, bus stop, and pavement. 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 64 64"
>
<linearGradient
id="a"
x1="-1"
x2="61.201"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#47c0bb" />
<stop offset="1" stop-color="#0063ae" />
</linearGradient>
<linearGradient id="b" x2="61.201" y1="8" y2="8" href="#a" />
<linearGradient id="c" x2="61.201" y1="14" y2="14" href="#a" />
<linearGradient id="d" x2="61.201" y1="20" y2="20" href="#a" />
<linearGradient id="e" x2="61.201" y1="26" y2="26" href="#a" />
<linearGradient id="f" x2="61.201" y1="38" y2="38" href="#a" />
<linearGradient id="g" x2="61.201" y1="44" y2="44" href="#a" />
<linearGradient id="h" x2="61.201" y1="50" y2="50" href="#a" />
<linearGradient id="i" x2="61.201" y1="56" y2="56" href="#a" />
<linearGradient id="j" x2="61.201" y1="25" y2="25" href="#a" />
<linearGradient id="k" x2="61.201" y1="39" y2="39" href="#a" />
<linearGradient id="l" x2="61.201" y1="12" y2="12" href="#a" />
<linearGradient id="m" x2="61.201" y1="52" y2="52" href="#a" />
<g>
<path
fill="url(#a)"
d="M5 2v60h54V2zm50 2h2v56h-2zM11 4h42v56H11zM9 60H7V4h2z"
/>
<path fill="url(#b)" d="M13 6h2v4h-2z" />
<path fill="url(#c)" d="M13 12h2v4h-2z" />
<path fill="url(#d)" d="M13 18h2v4h-2z" />
<path fill="url(#e)" d="M13 24h2v4h-2z" />
<path fill="url(#b)" d="M49 6h2v4h-2z" />
<path fill="url(#c)" d="M49 12h2v4h-2z" />
<path fill="url(#d)" d="M49 18h2v4h-2z" />
<path fill="url(#e)" d="M49 24h2v4h-2z" />
<path fill="url(#a)" d="M13 30h2v4h-2z" />
<path fill="url(#f)" d="M13 36h2v4h-2z" />
<path fill="url(#g)" d="M13 42h2v4h-2z" />
<path fill="url(#h)" d="M13 48h2v4h-2z" />
<path fill="url(#a)" d="M49 30h2v4h-2z" />
<path fill="url(#f)" d="M49 36h2v4h-2z" />
<path fill="url(#g)" d="M49 42h2v4h-2z" />
<path fill="url(#h)" d="M49 48h2v4h-2z" />
<path fill="url(#i)" d="M13 54h2v4h-2zM49 54h2v4h-2z" />
<path
fill="url(#j)"
d="M26 27a2.981 2.981 0 0 0-.78-2A2.987 2.987 0 0 0 23 20h-4v10h4a3 3 0 0 0 3-3zm-5-5h2a1 1 0 0 1 0 2h-2zm2 6h-2v-2h2a1 1 0 0 1 0 2zM36 26v-6h-2v6a2 2 0 0 1-4 0v-6h-2v6a4 4 0 0 0 8 0zM44 29v-4a1 1 0 0 0-1-1h-3v-2h4v-2h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3v2h-4v2h5a1 1 0 0 0 1-1z"
/>
<g fill="url(#k)">
<path
d="M17 35v4a1 1 0 0 0 1 1h3v2h-4v2h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3v-2h4v-2h-5a1 1 0 0 0-1 1zM25 36h2v8h2v-8h2v-2h-6zM38 34h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1zm-1 8h-2v-6h2zM46 34h-4a1 1 0 0 0-1 1v9h2v-4h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2v-2h2z"
/>
</g>
<path fill="url(#l)" d="M29 6h2v12h-2zM33 6h2v12h-2z" />
<path fill="url(#m)" d="M29 46h2v12h-2zM33 46h2v12h-2z" />
</g>
</svg>
More icons in the same style and category