Add icons to this collection by clicking the heart icon.
Vertical Bar icon - also known as interface, signal, signals, bar, bars, group, vertical, vertical lines, business and finance, and vertical bar. Created in a clean flat 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M436 180h-40c-11.2 0-20 8.8-20 20v288c0 11.2 8.8 20 20 20h40c11.2 0 20-8.8 20-20V200c0-11.2-8.8-20-20-20z"
fill="#689f38"
/>
<path
d="M436 512h-40c-13.464 0-24-10.536-24-24V200c0-13.456 10.536-24 24-24h40c13.464 0 24 10.544 24 24v288c0 13.464-10.536 24-24 24zm-40-328c-8.968 0-16 7.024-16 16v288c0 8.968 7.032 16 16 16h40c8.968 0 16-7.032 16-16V200c0-8.976-7.032-16-16-16h-40z"
fill="#37474f"
/>
<path
d="M116 240H76c-11.2 0-20 8.8-20 20v228c0 11.2 8.8 20 20 20h40c11.2 0 20-8.8 20-20V260c0-11.2-8.8-20-20-20z"
fill="#d32f2f"
/>
<path
d="M116 512H76c-13.456 0-24-10.536-24-24V260c0-13.456 10.544-24 24-24h40c13.456 0 24 10.544 24 24v228c0 13.464-10.544 24-24 24zM76 244c-8.976 0-16 7.024-16 16v228c0 8.968 7.024 16 16 16h40c8.976 0 16-7.032 16-16V260c0-8.976-7.024-16-16-16H76z"
fill="#37474f"
/>
<path
d="M276 360h-40c-11.2 0-20 8.8-20 20v108c0 11.2 8.8 20 20 20h40c11.2 0 20-8.8 20-20V380c0-11.2-8.8-20-20-20z"
fill="#ffa000"
/>
<path
d="M276 512h-40c-13.456 0-24-10.536-24-24V380c0-13.464 10.544-24 24-24h40c13.464 0 24 10.536 24 24v108c0 13.464-10.536 24-24 24zm-40-148c-8.976 0-16 7.032-16 16v108c0 8.968 7.024 16 16 16h40c8.968 0 16-7.032 16-16V380c0-8.968-7.032-16-16-16h-40z"
fill="#37474f"
/>
<path
d="M436 148h-40c-11.2 0-20 8.8-20 20v288c0 11.2 8.8 20 20 20h40c11.2 0 20-8.8 20-20V168c0-11.2-8.8-20-20-20z"
fill="#9ccc65"
/>
<path
d="M436 480h-40c-13.464 0-24-10.536-24-24V168c0-13.456 10.536-24 24-24h40c13.464 0 24 10.544 24 24v288c0 13.464-10.536 24-24 24zm-40-328c-8.968 0-16 7.024-16 16v288c0 8.968 7.032 16 16 16h40c8.968 0 16-7.032 16-16V168c0-8.976-7.032-16-16-16h-40z"
fill="#37474f"
/>
<path
d="M392 188c-2.208 0-4-1.792-4-4v-16c0-4.64 3.368-8 8-8h16c2.208 0 4 1.792 4 4s-1.792 4-4 4h-16v16c0 2.208-1.792 4-4 4z"
fill="#c5e1a5"
/>
<circle cx="416" cy="64" r="60" fill="#eceff1" />
<path
d="M416 128c-35.288 0-64-28.712-64-64s28.712-64 64-64 64 28.712 64 64-28.712 64-64 64zm0-120c-30.872 0-56 25.12-56 56s25.128 56 56 56 56-25.12 56-56-25.128-56-56-56z"
fill="#37474f"
/>
<path
d="M372 68c-2.208 0-4-1.792-4-4 0-26.016 21.984-48 48-48 2.208 0 4 1.792 4 4s-1.792 4-4 4c-21.68 0-40 18.32-40 40 0 2.208-1.792 4-4 4z"
fill="#fff"
/>
<path
d="M415.6 100c-9.576 0-18.688-3.832-25.632-10.776-1.56-1.56-1.56-4.096 0-5.656s4.096-1.56 5.656 0c10.872 10.864 29.072 10.864 39.944 0 1.56-1.56 4.096-1.56 5.656 0s1.56 4.096 0 5.656C434.28 96.168 425.176 100 415.6 100z"
fill="#37474f"
/>
<circle cx="396" cy="56" r="8" fill="#37474f" />
<circle cx="436" cy="56" r="8" fill="#37474f" />
<path
d="M116 208H76c-11.2 0-20 8.8-20 20v228c0 11.2 8.8 20 20 20h40c11.2 0 20-8.8 20-20V228c0-11.2-8.8-20-20-20z"
fill="#ef5350"
/>
<path
d="M116 480H76c-13.456 0-24-10.536-24-24V228c0-13.456 10.544-24 24-24h40c13.456 0 24 10.544 24 24v228c0 13.464-10.544 24-24 24zM76 212c-8.976 0-16 7.024-16 16v228c0 8.968 7.024 16 16 16h40c8.976 0 16-7.032 16-16V228c0-8.976-7.024-16-16-16H76z"
fill="#37474f"
/>
<path
d="M72 248c-2.208 0-4-1.792-4-4v-16c0-4.64 3.36-8 8-8h16c2.208 0 4 1.792 4 4s-1.792 4-4 4H76v16c0 2.208-1.792 4-4 4z"
fill="#ef9a9a"
/>
<circle cx="96" cy="64" r="60" fill="#eceff1" />
<path
d="M96 128c-35.288 0-64-28.712-64-64S60.712 0 96 0s64 28.712 64 64-28.712 64-64 64zM96 8C65.12 8 40 33.12 40 64s25.12 56 56 56 56-25.12 56-56S126.88 8 96 8z"
fill="#37474f"
/>
<path
d="M52 68c-2.208 0-4-1.792-4-4 0-26.016 21.984-48 48-48 2.208 0 4 1.792 4 4s-1.792 4-4 4c-21.68 0-40 18.32-40 40 0 2.208-1.792 4-4 4z"
fill="#fff"
/>
<path
d="M95.6 100c-9.584 0-18.68-3.832-25.632-10.776-1.56-1.56-1.56-4.096 0-5.656s4.096-1.56 5.656 0c10.872 10.864 29.072 10.872 39.944 0 1.56-1.56 4.096-1.56 5.656 0s1.56 4.096 0 5.656C114.28 96.168 105.184 100 95.6 100z"
fill="#37474f"
/>
<circle cx="76" cy="56" r="8" fill="#37474f" />
<circle cx="116" cy="56" r="8" fill="#37474f" />
<path
d="M276 328h-40c-11.2 0-20 8.8-20 20v108c0 11.2 8.8 20 20 20h40c11.2 0 20-8.8 20-20V348c0-11.2-8.8-20-20-20z"
fill="#ffca28"
/>
<path
d="M276 480h-40c-13.456 0-24-10.536-24-24V348c0-13.464 10.544-24 24-24h40c13.464 0 24 10.536 24 24v108c0 13.464-10.536 24-24 24zm-40-148c-8.976 0-16 7.032-16 16v108c0 8.968 7.024 16 16 16h40c8.968 0 16-7.032 16-16V348c0-8.968-7.032-16-16-16h-40z"
fill="#37474f"
/>
<path
d="M232 368c-2.208 0-4-1.792-4-4v-16c0-4.632 3.36-8 8-8h16c2.208 0 4 1.792 4 4s-1.792 4-4 4h-16v16c0 2.208-1.792 4-4 4z"
fill="#ffe082"
/>
<circle cx="256" cy="64" r="60" fill="#eceff1" />
<path
d="M256 128c-35.288 0-64-28.712-64-64s28.712-64 64-64 64 28.712 64 64-28.712 64-64 64zm0-120c-30.88 0-56 25.12-56 56s25.12 56 56 56c30.872 0 56-25.12 56-56S286.872 8 256 8z"
fill="#37474f"
/>
<path
d="M212 68c-2.208 0-4-1.792-4-4 0-26.016 21.984-48 48-48 2.208 0 4 1.792 4 4s-1.792 4-4 4c-21.68 0-40 18.32-40 40 0 2.208-1.792 4-4 4z"
fill="#fff"
/>
<path
d="M278.4 90.4h-44.8c-2.208 0-4-1.792-4-4s1.792-4 4-4h44.8c2.208 0 4 1.792 4 4s-1.792 4-4 4z"
fill="#37474f"
/>
<circle cx="236" cy="56" r="8" fill="#37474f" />
<circle cx="276" cy="56" r="8" fill="#37474f" />
</svg>
More icons in the same style and category