bus stop emoji
bus-stop from Emoji One (Colored) by Emoji One · Default · Travel · CC-BY-4.0 Attribution required.
- Name
- bus-stop
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Travel
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More travel icons from Emoji One (Colored)
Use the bus stop emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M26 26h4v38h-4z"/><path fill="#42ade2" d="M31 30h19v6H31z"/><path fill="#fc97b2" d="M31 36h19v6H31z"/><path fill="#42ade2" d="M14 30h11v6H14z"/><path fill="#fc97b2" d="M14 36h11v6H14z"/><path fill="#42ade2" d="M31 42h19v6H31z"/><path fill="#699635" d="M26 48h4v2h-4zm-1-13h6v2h-6zm0 6h6v2h-6z"/><path fill="#42ade2" d="M28 0c-7.7 0-14 6.3-14 14c0 3.9 1.6 7.4 4.1 9.9l9.9 1l9.9-1c2.5-2.5 4.1-6 4.1-9.9c0-7.7-6.3-14-14-14"/><path fill="#ff717f" d="m37.9 23.9l-2.8-2.8C31.2 25 24.9 25 21 21.1l-2.8 2.8c2.2 2.2 5 3.5 7.9 3.9V30h4v-2.2c2.8-.4 5.6-1.7 7.8-3.9"/><path fill="#fff" d="M34 15c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2z"/><g fill="#42ade2"><path d="M32 10c0 .6-.4 1-1 1h-6c-.5 0-1-.4-1-1V8c0-.6.5-1 1-1h6c.6 0 1 .4 1 1z"/><circle cx="25" cy="14" r="1"/><circle cx="31" cy="14" r="1"/></g><path fill="#fff" d="M31 16v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3zm-8 0v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3z"/><path fill="#699635" d="M25 42h6v6h-6zm0-6h6v6h-6zm0-6h6v6h-6z"/><path fill="#83bf4f" d="M27 30h2v5h-2zm0 7h2v4h-2zm0 6h2v5h-2z"/><path fill="#fff" d="M15.9 31.6h1.6v3h-1.6zm3.6 0h3.3v3h-3.3zm-3.6 5.9h3.3v3h-3.3zm5.3 0h1.7v3h-1.7zm21.4-6h6.2v1h-6.2zm-7.4 0h6.2v1h-6.2zm3.4 2h10.1v1H38.6zm-1.2 10h11.3v1H37.4zm7.6 2h3.7v1H45zm-11.7 0h10.6v1H33.3zm8.2-8h7.2v1h-7.2zm-8.6 0h7.2v1h-7.2zm12.1 2h3.8v1H45zm-4.9 0h3.8v1h-3.8zm-4.6 0h3.8v1h-3.8z"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneBusStop(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M26 26h4v38h-4z"/><path fill="#42ade2" d="M31 30h19v6H31z"/><path fill="#fc97b2" d="M31 36h19v6H31z"/><path fill="#42ade2" d="M14 30h11v6H14z"/><path fill="#fc97b2" d="M14 36h11v6H14z"/><path fill="#42ade2" d="M31 42h19v6H31z"/><path fill="#699635" d="M26 48h4v2h-4zm-1-13h6v2h-6zm0 6h6v2h-6z"/><path fill="#42ade2" d="M28 0c-7.7 0-14 6.3-14 14c0 3.9 1.6 7.4 4.1 9.9l9.9 1l9.9-1c2.5-2.5 4.1-6 4.1-9.9c0-7.7-6.3-14-14-14"/><path fill="#ff717f" d="m37.9 23.9l-2.8-2.8C31.2 25 24.9 25 21 21.1l-2.8 2.8c2.2 2.2 5 3.5 7.9 3.9V30h4v-2.2c2.8-.4 5.6-1.7 7.8-3.9"/><path fill="#fff" d="M34 15c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2z"/><g fill="#42ade2"><path d="M32 10c0 .6-.4 1-1 1h-6c-.5 0-1-.4-1-1V8c0-.6.5-1 1-1h6c.6 0 1 .4 1 1z"/><circle cx="25" cy="14" r="1"/><circle cx="31" cy="14" r="1"/></g><path fill="#fff" d="M31 16v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3zm-8 0v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3z"/><path fill="#699635" d="M25 42h6v6h-6zm0-6h6v6h-6zm0-6h6v6h-6z"/><path fill="#83bf4f" d="M27 30h2v5h-2zm0 7h2v4h-2zm0 6h2v5h-2z"/><path fill="#fff" d="M15.9 31.6h1.6v3h-1.6zm3.6 0h3.3v3h-3.3zm-3.6 5.9h3.3v3h-3.3zm5.3 0h1.7v3h-1.7zm21.4-6h6.2v1h-6.2zm-7.4 0h6.2v1h-6.2zm3.4 2h10.1v1H38.6zm-1.2 10h11.3v1H37.4zm7.6 2h3.7v1H45zm-11.7 0h10.6v1H33.3zm8.2-8h7.2v1h-7.2zm-8.6 0h7.2v1h-7.2zm12.1 2h3.8v1H45zm-4.9 0h3.8v1h-3.8zm-4.6 0h3.8v1h-3.8z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#83bf4f" d="M26 26h4v38h-4z"/><path fill="#42ade2" d="M31 30h19v6H31z"/><path fill="#fc97b2" d="M31 36h19v6H31z"/><path fill="#42ade2" d="M14 30h11v6H14z"/><path fill="#fc97b2" d="M14 36h11v6H14z"/><path fill="#42ade2" d="M31 42h19v6H31z"/><path fill="#699635" d="M26 48h4v2h-4zm-1-13h6v2h-6zm0 6h6v2h-6z"/><path fill="#42ade2" d="M28 0c-7.7 0-14 6.3-14 14c0 3.9 1.6 7.4 4.1 9.9l9.9 1l9.9-1c2.5-2.5 4.1-6 4.1-9.9c0-7.7-6.3-14-14-14"/><path fill="#ff717f" d="m37.9 23.9l-2.8-2.8C31.2 25 24.9 25 21 21.1l-2.8 2.8c2.2 2.2 5 3.5 7.9 3.9V30h4v-2.2c2.8-.4 5.6-1.7 7.8-3.9"/><path fill="#fff" d="M34 15c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2z"/><g fill="#42ade2"><path d="M32 10c0 .6-.4 1-1 1h-6c-.5 0-1-.4-1-1V8c0-.6.5-1 1-1h6c.6 0 1 .4 1 1z"/><circle cx="25" cy="14" r="1"/><circle cx="31" cy="14" r="1"/></g><path fill="#fff" d="M31 16v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3zm-8 0v3c0 .5.5 1 1 1c.6 0 1-.5 1-1v-3z"/><path fill="#699635" d="M25 42h6v6h-6zm0-6h6v6h-6zm0-6h6v6h-6z"/><path fill="#83bf4f" d="M27 30h2v5h-2zm0 7h2v4h-2zm0 6h2v5h-2z"/><path fill="#fff" d="M15.9 31.6h1.6v3h-1.6zm3.6 0h3.3v3h-3.3zm-3.6 5.9h3.3v3h-3.3zm5.3 0h1.7v3h-1.7zm21.4-6h6.2v1h-6.2zm-7.4 0h6.2v1h-6.2zm3.4 2h10.1v1H38.6zm-1.2 10h11.3v1H37.4zm7.6 2h3.7v1H45zm-11.7 0h10.6v1H33.3zm8.2-8h7.2v1h-7.2zm-8.6 0h7.2v1h-7.2zm12.1 2h3.8v1H45zm-4.9 0h3.8v1h-3.8zm-4.6 0h3.8v1h-3.8z"/></svg> </template>
CSS
.icon-bus-stop {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M26%2026h4v38h-4z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M31%2030h19v6H31z%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M31%2036h19v6H31z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M14%2030h11v6H14z%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M14%2036h11v6H14z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M31%2042h19v6H31z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M26%2048h4v2h-4zm-1-13h6v2h-6zm0%206h6v2h-6z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M28%200c-7.7%200-14%206.3-14%2014c0%203.9%201.6%207.4%204.1%209.9l9.9%201l9.9-1c2.5-2.5%204.1-6%204.1-9.9c0-7.7-6.3-14-14-14%22%2F%3E%3Cpath%20fill%3D%22%23ff717f%22%20d%3D%22m37.9%2023.9l-2.8-2.8C31.2%2025%2024.9%2025%2021%2021.1l-2.8%202.8c2.2%202.2%205%203.5%207.9%203.9V30h4v-2.2c2.8-.4%205.6-1.7%207.8-3.9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34%2015c0%201.1-.9%202-2%202h-8c-1.1%200-2-.9-2-2V7c0-1.1.9-2%202-2h8c1.1%200%202%20.9%202%202z%22%2F%3E%3Cg%20fill%3D%22%2342ade2%22%3E%3Cpath%20d%3D%22M32%2010c0%20.6-.4%201-1%201h-6c-.5%200-1-.4-1-1V8c0-.6.5-1%201-1h6c.6%200%201%20.4%201%201z%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2016v3c0%20.5.5%201%201%201c.6%200%201-.5%201-1v-3zm-8%200v3c0%20.5.5%201%201%201c.6%200%201-.5%201-1v-3z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M25%2042h6v6h-6zm0-6h6v6h-6zm0-6h6v6h-6z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M27%2030h2v5h-2zm0%207h2v4h-2zm0%206h2v5h-2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.9%2031.6h1.6v3h-1.6zm3.6%200h3.3v3h-3.3zm-3.6%205.9h3.3v3h-3.3zm5.3%200h1.7v3h-1.7zm21.4-6h6.2v1h-6.2zm-7.4%200h6.2v1h-6.2zm3.4%202h10.1v1H38.6zm-1.2%2010h11.3v1H37.4zm7.6%202h3.7v1H45zm-11.7%200h10.6v1H33.3zm8.2-8h7.2v1h-7.2zm-8.6%200h7.2v1h-7.2zm12.1%202h3.8v1H45zm-4.9%200h3.8v1h-3.8zm-4.6%200h3.8v1h-3.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M26%2026h4v38h-4z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M31%2030h19v6H31z%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M31%2036h19v6H31z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M14%2030h11v6H14z%22%2F%3E%3Cpath%20fill%3D%22%23fc97b2%22%20d%3D%22M14%2036h11v6H14z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M31%2042h19v6H31z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M26%2048h4v2h-4zm-1-13h6v2h-6zm0%206h6v2h-6z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M28%200c-7.7%200-14%206.3-14%2014c0%203.9%201.6%207.4%204.1%209.9l9.9%201l9.9-1c2.5-2.5%204.1-6%204.1-9.9c0-7.7-6.3-14-14-14%22%2F%3E%3Cpath%20fill%3D%22%23ff717f%22%20d%3D%22m37.9%2023.9l-2.8-2.8C31.2%2025%2024.9%2025%2021%2021.1l-2.8%202.8c2.2%202.2%205%203.5%207.9%203.9V30h4v-2.2c2.8-.4%205.6-1.7%207.8-3.9%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34%2015c0%201.1-.9%202-2%202h-8c-1.1%200-2-.9-2-2V7c0-1.1.9-2%202-2h8c1.1%200%202%20.9%202%202z%22%2F%3E%3Cg%20fill%3D%22%2342ade2%22%3E%3Cpath%20d%3D%22M32%2010c0%20.6-.4%201-1%201h-6c-.5%200-1-.4-1-1V8c0-.6.5-1%201-1h6c.6%200%201%20.4%201%201z%22%2F%3E%3Ccircle%20cx%3D%2225%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2231%22%20cy%3D%2214%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2016v3c0%20.5.5%201%201%201c.6%200%201-.5%201-1v-3zm-8%200v3c0%20.5.5%201%201%201c.6%200%201-.5%201-1v-3z%22%2F%3E%3Cpath%20fill%3D%22%23699635%22%20d%3D%22M25%2042h6v6h-6zm0-6h6v6h-6zm0-6h6v6h-6z%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M27%2030h2v5h-2zm0%207h2v4h-2zm0%206h2v5h-2z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.9%2031.6h1.6v3h-1.6zm3.6%200h3.3v3h-3.3zm-3.6%205.9h3.3v3h-3.3zm5.3%200h1.7v3h-1.7zm21.4-6h6.2v1h-6.2zm-7.4%200h6.2v1h-6.2zm3.4%202h10.1v1H38.6zm-1.2%2010h11.3v1H37.4zm7.6%202h3.7v1H45zm-11.7%200h10.6v1H33.3zm8.2-8h7.2v1h-7.2zm-8.6%200h7.2v1h-7.2zm12.1%202h3.8v1H45zm-4.9%200h3.8v1h-3.8zm-4.6%200h3.8v1h-3.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/bus-stop.svg?color=%231a73e8&size=48
