ferry emoji
ferry from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- ferry
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji Flat
Use the ferry emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m14 7l2.854-2.854A.5.5 0 0 1 17.207 4h2.56c.1 0 .159.111.103.194L18 7l-.889 1H20V7a1 1 0 0 1 1-1h9v2l-.5 1.5l.5 1.5v1l-.992.988L30 14v5l-2.137 2.777L30 25v3.5H6c-1 0-1-2-1-2.5c0-.718-.5-1-.5-1L8 19l2-2l2-1.008V15c.4-.4.5-.833.5-1l.656-.508L12.5 13l-1.398-1.997l.425-.998l-1.823-.999L9 8h5.889z"/><path fill="#5092ff" d="M30.01 27c-1.75 0-1.76 1.12-3.51 1.12S24.75 27 22.99 27c-1.75 0-1.75 1.12-3.5 1.12S17.74 27 15.99 27s-1.75 1.12-3.5 1.12S10.74 27 8.99 27s-1.75 1.12-3.49 1.12C3.75 28.12 3.75 27 2 27v3h28.01z"/><path fill="#00a6ed" d="M21.083 8.5a.5.5 0 0 1 .5-.5H30v3h-8.417a.5.5 0 0 1-.5-.5zm-9.09 6.5l-2 2h3a1 1 0 1 0 0-2zm4.09 2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2M9.705 9l1.409 2h2.898a1 1 0 1 0 0-2z"/><path fill="#433b6b" d="M15.5 12a.5.5 0 0 0-.5.5v.5l7.5.52L30 13v-1zm-10 7a.5.5 0 0 0-.5.5v.5l12 .5l13-.5v-1z"/><path fill="#0084ce" d="M8 7.5a.5.5 0 0 1 .5-.5H20v1H8.5a.5.5 0 0 1-.5-.5m3 6a.5.5 0 0 1 .5-.5H30v1H11.5a.5.5 0 0 1-.5-.5M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2H30v-5z"/><path fill="#b4acbc" d="M19 8h1v4h-1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatFerry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m14 7l2.854-2.854A.5.5 0 0 1 17.207 4h2.56c.1 0 .159.111.103.194L18 7l-.889 1H20V7a1 1 0 0 1 1-1h9v2l-.5 1.5l.5 1.5v1l-.992.988L30 14v5l-2.137 2.777L30 25v3.5H6c-1 0-1-2-1-2.5c0-.718-.5-1-.5-1L8 19l2-2l2-1.008V15c.4-.4.5-.833.5-1l.656-.508L12.5 13l-1.398-1.997l.425-.998l-1.823-.999L9 8h5.889z"/><path fill="#5092ff" d="M30.01 27c-1.75 0-1.76 1.12-3.51 1.12S24.75 27 22.99 27c-1.75 0-1.75 1.12-3.5 1.12S17.74 27 15.99 27s-1.75 1.12-3.5 1.12S10.74 27 8.99 27s-1.75 1.12-3.49 1.12C3.75 28.12 3.75 27 2 27v3h28.01z"/><path fill="#00a6ed" d="M21.083 8.5a.5.5 0 0 1 .5-.5H30v3h-8.417a.5.5 0 0 1-.5-.5zm-9.09 6.5l-2 2h3a1 1 0 1 0 0-2zm4.09 2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2M9.705 9l1.409 2h2.898a1 1 0 1 0 0-2z"/><path fill="#433b6b" d="M15.5 12a.5.5 0 0 0-.5.5v.5l7.5.52L30 13v-1zm-10 7a.5.5 0 0 0-.5.5v.5l12 .5l13-.5v-1z"/><path fill="#0084ce" d="M8 7.5a.5.5 0 0 1 .5-.5H20v1H8.5a.5.5 0 0 1-.5-.5m3 6a.5.5 0 0 1 .5-.5H30v1H11.5a.5.5 0 0 1-.5-.5M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2H30v-5z"/><path fill="#b4acbc" d="M19 8h1v4h-1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="m14 7l2.854-2.854A.5.5 0 0 1 17.207 4h2.56c.1 0 .159.111.103.194L18 7l-.889 1H20V7a1 1 0 0 1 1-1h9v2l-.5 1.5l.5 1.5v1l-.992.988L30 14v5l-2.137 2.777L30 25v3.5H6c-1 0-1-2-1-2.5c0-.718-.5-1-.5-1L8 19l2-2l2-1.008V15c.4-.4.5-.833.5-1l.656-.508L12.5 13l-1.398-1.997l.425-.998l-1.823-.999L9 8h5.889z"/><path fill="#5092ff" d="M30.01 27c-1.75 0-1.76 1.12-3.51 1.12S24.75 27 22.99 27c-1.75 0-1.75 1.12-3.5 1.12S17.74 27 15.99 27s-1.75 1.12-3.5 1.12S10.74 27 8.99 27s-1.75 1.12-3.49 1.12C3.75 28.12 3.75 27 2 27v3h28.01z"/><path fill="#00a6ed" d="M21.083 8.5a.5.5 0 0 1 .5-.5H30v3h-8.417a.5.5 0 0 1-.5-.5zm-9.09 6.5l-2 2h3a1 1 0 1 0 0-2zm4.09 2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0a1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2M9.705 9l1.409 2h2.898a1 1 0 1 0 0-2z"/><path fill="#433b6b" d="M15.5 12a.5.5 0 0 0-.5.5v.5l7.5.52L30 13v-1zm-10 7a.5.5 0 0 0-.5.5v.5l12 .5l13-.5v-1z"/><path fill="#0084ce" d="M8 7.5a.5.5 0 0 1 .5-.5H20v1H8.5a.5.5 0 0 1-.5-.5m3 6a.5.5 0 0 1 .5-.5H30v1H11.5a.5.5 0 0 1-.5-.5M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2H30v-5z"/><path fill="#b4acbc" d="M19 8h1v4h-1z"/></g></svg> </template>
CSS
.icon-ferry {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m14%207l2.854-2.854A.5.5%200%200%201%2017.207%204h2.56c.1%200%20.159.111.103.194L18%207l-.889%201H20V7a1%201%200%200%201%201-1h9v2l-.5%201.5l.5%201.5v1l-.992.988L30%2014v5l-2.137%202.777L30%2025v3.5H6c-1%200-1-2-1-2.5c0-.718-.5-1-.5-1L8%2019l2-2l2-1.008V15c.4-.4.5-.833.5-1l.656-.508L12.5%2013l-1.398-1.997l.425-.998l-1.823-.999L9%208h5.889z%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M30.01%2027c-1.75%200-1.76%201.12-3.51%201.12S24.75%2027%2022.99%2027c-1.75%200-1.75%201.12-3.5%201.12S17.74%2027%2015.99%2027s-1.75%201.12-3.5%201.12S10.74%2027%208.99%2027s-1.75%201.12-3.49%201.12C3.75%2028.12%203.75%2027%202%2027v3h28.01z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M21.083%208.5a.5.5%200%200%201%20.5-.5H30v3h-8.417a.5.5%200%200%201-.5-.5zm-9.09%206.5l-2%202h3a1%201%200%201%200%200-2zm4.09%202a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202M9.705%209l1.409%202h2.898a1%201%200%201%200%200-2z%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M15.5%2012a.5.5%200%200%200-.5.5v.5l7.5.52L30%2013v-1zm-10%207a.5.5%200%200%200-.5.5v.5l12%20.5l13-.5v-1z%22%2F%3E%3Cpath%20fill%3D%22%230084ce%22%20d%3D%22M8%207.5a.5.5%200%200%201%20.5-.5H20v1H8.5a.5.5%200%200%201-.5-.5m3%206a.5.5%200%200%201%20.5-.5H30v1H11.5a.5.5%200%200%201-.5-.5M3%2020a1%201%200%200%200-1%201v2c0%202%202.5%202%202.5%202H30v-5z%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M19%208h1v4h-1z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22m14%207l2.854-2.854A.5.5%200%200%201%2017.207%204h2.56c.1%200%20.159.111.103.194L18%207l-.889%201H20V7a1%201%200%200%201%201-1h9v2l-.5%201.5l.5%201.5v1l-.992.988L30%2014v5l-2.137%202.777L30%2025v3.5H6c-1%200-1-2-1-2.5c0-.718-.5-1-.5-1L8%2019l2-2l2-1.008V15c.4-.4.5-.833.5-1l.656-.508L12.5%2013l-1.398-1.997l.425-.998l-1.823-.999L9%208h5.889z%22%2F%3E%3Cpath%20fill%3D%22%235092ff%22%20d%3D%22M30.01%2027c-1.75%200-1.76%201.12-3.51%201.12S24.75%2027%2022.99%2027c-1.75%200-1.75%201.12-3.5%201.12S17.74%2027%2015.99%2027s-1.75%201.12-3.5%201.12S10.74%2027%208.99%2027s-1.75%201.12-3.49%201.12C3.75%2028.12%203.75%2027%202%2027v3h28.01z%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M21.083%208.5a.5.5%200%200%201%20.5-.5H30v3h-8.417a.5.5%200%200%201-.5-.5zm-9.09%206.5l-2%202h3a1%201%200%201%200%200-2zm4.09%202a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%201-2%200a1%201%200%200%201%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202M9.705%209l1.409%202h2.898a1%201%200%201%200%200-2z%22%2F%3E%3Cpath%20fill%3D%22%23433b6b%22%20d%3D%22M15.5%2012a.5.5%200%200%200-.5.5v.5l7.5.52L30%2013v-1zm-10%207a.5.5%200%200%200-.5.5v.5l12%20.5l13-.5v-1z%22%2F%3E%3Cpath%20fill%3D%22%230084ce%22%20d%3D%22M8%207.5a.5.5%200%200%201%20.5-.5H20v1H8.5a.5.5%200%200%201-.5-.5m3%206a.5.5%200%200%201%20.5-.5H30v1H11.5a.5.5%200%200%201-.5-.5M3%2020a1%201%200%200%200-1%201v2c0%202%202.5%202%202.5%202H30v-5z%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M19%208h1v4h-1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/ferry.svg?color=%231a73e8&size=48
