ferry emoji
ferry from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- ferry
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More travel & places icons from Fluent Emoji High Contrast
Use the ferry emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.854 4.146L14 7H8.5a.5.5 0 0 0 0 1H9l.392.56L12.389 13H30v-2h-8.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5H30V6h-9a1 1 0 0 0-1 1h-2l1.87-2.806A.125.125 0 0 0 19.766 4h-2.559a.5.5 0 0 0-.353.146M12.245 11l-1.35-2H14a1 1 0 1 1 0 2zm.255 3H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075 3H13a1 1 0 0 0 .356-1.935zM17 16a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2s.5.282.5 1a8 8 0 0 0 .062 1.082c.125.025.266.038.438.038c.575 0 .812-.152 1.193-.396l.008-.006C7.19 26.405 7.826 26 8.99 26s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718c1.167 0 1.805.403 2.297.717l.008.005c.383.245.623.398 1.205.398c.584 0 .826-.154 1.212-.4l.006-.004c.49-.311 1.125-.714 2.282-.716v-6z"/><path d="M30 27a2.9 2.9 0 0 0-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875 0-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865 27 8.99 27c-.876 0-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313 27.28 2.875 27 2 27v3h28.01v-3z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastFerry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.854 4.146L14 7H8.5a.5.5 0 0 0 0 1H9l.392.56L12.389 13H30v-2h-8.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5H30V6h-9a1 1 0 0 0-1 1h-2l1.87-2.806A.125.125 0 0 0 19.766 4h-2.559a.5.5 0 0 0-.353.146M12.245 11l-1.35-2H14a1 1 0 1 1 0 2zm.255 3H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075 3H13a1 1 0 0 0 .356-1.935zM17 16a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2s.5.282.5 1a8 8 0 0 0 .062 1.082c.125.025.266.038.438.038c.575 0 .812-.152 1.193-.396l.008-.006C7.19 26.405 7.826 26 8.99 26s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718c1.167 0 1.805.403 2.297.717l.008.005c.383.245.623.398 1.205.398c.584 0 .826-.154 1.212-.4l.006-.004c.49-.311 1.125-.714 2.282-.716v-6z"/><path d="M30 27a2.9 2.9 0 0 0-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875 0-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865 27 8.99 27c-.876 0-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313 27.28 2.875 27 2 27v3h28.01v-3z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M16.854 4.146L14 7H8.5a.5.5 0 0 0 0 1H9l.392.56L12.389 13H30v-2h-8.5a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5H30V6h-9a1 1 0 0 0-1 1h-2l1.87-2.806A.125.125 0 0 0 19.766 4h-2.559a.5.5 0 0 0-.353.146M12.245 11l-1.35-2H14a1 1 0 1 1 0 2zm.255 3H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075 3H13a1 1 0 0 0 .356-1.935zM17 16a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0m2 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2m4-1a1 1 0 1 0-2 0a1 1 0 0 0 2 0M3 20a1 1 0 0 0-1 1v2c0 2 2.5 2 2.5 2s.5.282.5 1a8 8 0 0 0 .062 1.082c.125.025.266.038.438.038c.575 0 .812-.152 1.193-.396l.008-.006C7.19 26.405 7.826 26 8.99 26s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718s1.8.405 2.289.718l.007.004c.382.245.622.398 1.204.398s.822-.153 1.204-.398l.007-.004c.49-.313 1.125-.718 2.289-.718c1.167 0 1.805.403 2.297.717l.008.005c.383.245.623.398 1.205.398c.584 0 .826-.154 1.212-.4l.006-.004c.49-.311 1.125-.714 2.282-.716v-6z"/><path d="M30 27a2.9 2.9 0 0 0-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875 0-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865 27 8.99 27c-.876 0-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313 27.28 2.875 27 2 27v3h28.01v-3z"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M16.854%204.146L14%207H8.5a.5.5%200%200%200%200%201H9l.392.56L12.389%2013H30v-2h-8.5a.5.5%200%200%201-.5-.5v-2a.5.5%200%200%201%20.5-.5H30V6h-9a1%201%200%200%200-1%201h-2l1.87-2.806A.125.125%200%200%200%2019.766%204h-2.559a.5.5%200%200%200-.353.146M12.245%2011l-1.35-2H14a1%201%200%201%201%200%202zm.255%203H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075%203H13a1%201%200%200%200%20.356-1.935zM17%2016a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%200-2%200a1%201%200%200%200%202%200M3%2020a1%201%200%200%200-1%201v2c0%202%202.5%202%202.5%202s.5.282.5%201a8%208%200%200%200%20.062%201.082c.125.025.266.038.438.038c.575%200%20.812-.152%201.193-.396l.008-.006C7.19%2026.405%207.826%2026%208.99%2026s1.8.405%202.289.718l.007.004c.382.245.622.398%201.204.398s.822-.153%201.204-.398l.007-.004c.49-.313%201.125-.718%202.289-.718s1.8.405%202.289.718l.007.004c.382.245.622.398%201.204.398s.822-.153%201.204-.398l.007-.004c.49-.313%201.125-.718%202.289-.718c1.167%200%201.805.403%202.297.717l.008.005c.383.245.623.398%201.205.398c.584%200%20.826-.154%201.212-.4l.006-.004c.49-.311%201.125-.714%202.282-.716v-6z%22%2F%3E%3Cpath%20d%3D%22M30%2027a2.9%202.9%200%200%200-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875%200-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865%2027%208.99%2027c-.876%200-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313%2027.28%202.875%2027%202%2027v3h28.01v-3z%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%22currentColor%22%3E%3Cpath%20d%3D%22M16.854%204.146L14%207H8.5a.5.5%200%200%200%200%201H9l.392.56L12.389%2013H30v-2h-8.5a.5.5%200%200%201-.5-.5v-2a.5.5%200%200%201%20.5-.5H30V6h-9a1%201%200%200%200-1%201h-2l1.87-2.806A.125.125%200%200%200%2019.766%204h-2.559a.5.5%200%200%200-.353.146M12.245%2011l-1.35-2H14a1%201%200%201%201%200%202zm.255%203H30v5H8l2-2h.012l1.996-2H12c.4-.4.5-.833.5-1m-1.075%203H13a1%201%200%200%200%20.356-1.935zM17%2016a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%200-2%200a1%201%200%200%200%202%200m2%201a1%201%200%201%200%200-2a1%201%200%200%200%200%202m4-1a1%201%200%201%200-2%200a1%201%200%200%200%202%200M3%2020a1%201%200%200%200-1%201v2c0%202%202.5%202%202.5%202s.5.282.5%201a8%208%200%200%200%20.062%201.082c.125.025.266.038.438.038c.575%200%20.812-.152%201.193-.396l.008-.006C7.19%2026.405%207.826%2026%208.99%2026s1.8.405%202.289.718l.007.004c.382.245.622.398%201.204.398s.822-.153%201.204-.398l.007-.004c.49-.313%201.125-.718%202.289-.718s1.8.405%202.289.718l.007.004c.382.245.622.398%201.204.398s.822-.153%201.204-.398l.007-.004c.49-.313%201.125-.718%202.289-.718c1.167%200%201.805.403%202.297.717l.008.005c.383.245.623.398%201.205.398c.584%200%20.826-.154%201.212-.4l.006-.004c.49-.311%201.125-.714%202.282-.716v-6z%22%2F%3E%3Cpath%20d%3D%22M30%2027a2.9%202.9%200%200%200-.99.16c-.294.106-.524.253-.755.4c-.44.28-.88.56-1.755.56s-1.311-.28-1.75-.559c-.439-.28-.879-.561-1.76-.561c-.875%200-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56s-.875-.56-1.75-.56s-1.312.28-1.75.56s-.875.56-1.75.56s-1.312-.28-1.75-.56S9.865%2027%208.99%2027c-.876%200-1.314.28-1.75.561c-.436.28-.871.559-1.74.559l-.12-.002c-.796-.024-1.213-.291-1.63-.558C3.313%2027.28%202.875%2027%202%2027v3h28.01v-3z%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-high-contrast/ferry.svg?color=%231a73e8&size=48
