ferry icon
ferry from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.
- Name
- ferry
- Set
- Font Awesome Solid
- Style
- Solid
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
Use the ferry icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 96c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32v32h48c44.2 0 80 35.8 80 80v128h-.1c.1.7.1 1.3.1 2c0 30.2-7.6 59.8-22 86.3l-12.7 23.3l-.6 1c-22.3-11.3-46.5-16.8-70.8-16.7c-32.5.2-64.9 10.7-92.4 31.4c-22.1 16.6-29.1 16.6-51.2 0c-28.1-21.1-61.3-31.6-94.4-31.4c-23.6.2-47.1 5.7-68.7 16.7l-.6-1l-12.7-23.3c-14.4-26.5-22-56.2-22-86.3c0-.7 0-1.4.1-2h-.1V208c0-44.2 35.8-80 80-80h48V96zm-64 224h320V208c0-8.8-7.2-16-16-16H176c-8.8 0-16 7.2-16 16zm243.4 220.1C379.1 558.3 351.1 576 320 576s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2 0c-23.8 17.9-54.1 35.5-88.1 35.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7 33.6-4.7c11.3 8.5 21.6 11.4 31.2 11.5c17.6.1 37.3-9.4 58.9-25.7c38.4-29 90.5-29 129 0c24 18.1 40.7 26.3 54.5 26.3s30.5-8.2 54.5-26.3c38.4-29 90.5-29 129 0c16.9 12.7 32.9 21.5 47.8 24.6c13.7 2.8 27.4.9 42.3-10.3c10.6-8 25.6-5.9 33.6 4.7s5.9 25.6-4.7 33.6c-26.4 19.9-54.2 24.4-80.7 19.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2 0z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidFerry(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 96c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32v32h48c44.2 0 80 35.8 80 80v128h-.1c.1.7.1 1.3.1 2c0 30.2-7.6 59.8-22 86.3l-12.7 23.3l-.6 1c-22.3-11.3-46.5-16.8-70.8-16.7c-32.5.2-64.9 10.7-92.4 31.4c-22.1 16.6-29.1 16.6-51.2 0c-28.1-21.1-61.3-31.6-94.4-31.4c-23.6.2-47.1 5.7-68.7 16.7l-.6-1l-12.7-23.3c-14.4-26.5-22-56.2-22-86.3c0-.7 0-1.4.1-2h-.1V208c0-44.2 35.8-80 80-80h48V96zm-64 224h320V208c0-8.8-7.2-16-16-16H176c-8.8 0-16 7.2-16 16zm243.4 220.1C379.1 558.3 351.1 576 320 576s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2 0c-23.8 17.9-54.1 35.5-88.1 35.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7 33.6-4.7c11.3 8.5 21.6 11.4 31.2 11.5c17.6.1 37.3-9.4 58.9-25.7c38.4-29 90.5-29 129 0c24 18.1 40.7 26.3 54.5 26.3s30.5-8.2 54.5-26.3c38.4-29 90.5-29 129 0c16.9 12.7 32.9 21.5 47.8 24.6c13.7 2.8 27.4.9 42.3-10.3c10.6-8 25.6-5.9 33.6 4.7s5.9 25.6-4.7 33.6c-26.4 19.9-54.2 24.4-80.7 19.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M224 96c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32v32h48c44.2 0 80 35.8 80 80v128h-.1c.1.7.1 1.3.1 2c0 30.2-7.6 59.8-22 86.3l-12.7 23.3l-.6 1c-22.3-11.3-46.5-16.8-70.8-16.7c-32.5.2-64.9 10.7-92.4 31.4c-22.1 16.6-29.1 16.6-51.2 0c-28.1-21.1-61.3-31.6-94.4-31.4c-23.6.2-47.1 5.7-68.7 16.7l-.6-1l-12.7-23.3c-14.4-26.5-22-56.2-22-86.3c0-.7 0-1.4.1-2h-.1V208c0-44.2 35.8-80 80-80h48V96zm-64 224h320V208c0-8.8-7.2-16-16-16H176c-8.8 0-16 7.2-16 16zm243.4 220.1C379.1 558.3 351.1 576 320 576s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2 0c-23.8 17.9-54.1 35.5-88.1 35.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7 33.6-4.7c11.3 8.5 21.6 11.4 31.2 11.5c17.6.1 37.3-9.4 58.9-25.7c38.4-29 90.5-29 129 0c24 18.1 40.7 26.3 54.5 26.3s30.5-8.2 54.5-26.3c38.4-29 90.5-29 129 0c16.9 12.7 32.9 21.5 47.8 24.6c13.7 2.8 27.4.9 42.3-10.3c10.6-8 25.6-5.9 33.6 4.7s5.9 25.6-4.7 33.6c-26.4 19.9-54.2 24.4-80.7 19.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2 0z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%2096c0-17.7%2014.3-32%2032-32h128c17.7%200%2032%2014.3%2032%2032v32h48c44.2%200%2080%2035.8%2080%2080v128h-.1c.1.7.1%201.3.1%202c0%2030.2-7.6%2059.8-22%2086.3l-12.7%2023.3l-.6%201c-22.3-11.3-46.5-16.8-70.8-16.7c-32.5.2-64.9%2010.7-92.4%2031.4c-22.1%2016.6-29.1%2016.6-51.2%200c-28.1-21.1-61.3-31.6-94.4-31.4c-23.6.2-47.1%205.7-68.7%2016.7l-.6-1l-12.7-23.3c-14.4-26.5-22-56.2-22-86.3c0-.7%200-1.4.1-2h-.1V208c0-44.2%2035.8-80%2080-80h48V96zm-64%20224h320V208c0-8.8-7.2-16-16-16H176c-8.8%200-16%207.2-16%2016zm243.4%20220.1C379.1%20558.3%20351.1%20576%20320%20576s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2%200c-23.8%2017.9-54.1%2035.5-88.1%2035.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7%2033.6-4.7c11.3%208.5%2021.6%2011.4%2031.2%2011.5c17.6.1%2037.3-9.4%2058.9-25.7c38.4-29%2090.5-29%20129%200c24%2018.1%2040.7%2026.3%2054.5%2026.3s30.5-8.2%2054.5-26.3c38.4-29%2090.5-29%20129%200c16.9%2012.7%2032.9%2021.5%2047.8%2024.6c13.7%202.8%2027.4.9%2042.3-10.3c10.6-8%2025.6-5.9%2033.6%204.7s5.9%2025.6-4.7%2033.6c-26.4%2019.9-54.2%2024.4-80.7%2019.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2%200z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224%2096c0-17.7%2014.3-32%2032-32h128c17.7%200%2032%2014.3%2032%2032v32h48c44.2%200%2080%2035.8%2080%2080v128h-.1c.1.7.1%201.3.1%202c0%2030.2-7.6%2059.8-22%2086.3l-12.7%2023.3l-.6%201c-22.3-11.3-46.5-16.8-70.8-16.7c-32.5.2-64.9%2010.7-92.4%2031.4c-22.1%2016.6-29.1%2016.6-51.2%200c-28.1-21.1-61.3-31.6-94.4-31.4c-23.6.2-47.1%205.7-68.7%2016.7l-.6-1l-12.7-23.3c-14.4-26.5-22-56.2-22-86.3c0-.7%200-1.4.1-2h-.1V208c0-44.2%2035.8-80%2080-80h48V96zm-64%20224h320V208c0-8.8-7.2-16-16-16H176c-8.8%200-16%207.2-16%2016zm243.4%20220.1C379.1%20558.3%20351.1%20576%20320%20576s-59.1-17.7-83.4-35.9c-21.3-16.1-49.9-16.1-71.2%200c-23.8%2017.9-54.1%2035.5-88.1%2035.3c-20.4-.1-40.7-6.7-59.8-21.1c-10.6-8-12.7-23-4.7-33.6s23-12.7%2033.6-4.7c11.3%208.5%2021.6%2011.4%2031.2%2011.5c17.6.1%2037.3-9.4%2058.9-25.7c38.4-29%2090.5-29%20129%200c24%2018.1%2040.7%2026.3%2054.5%2026.3s30.5-8.2%2054.5-26.3c38.4-29%2090.5-29%20129%200c16.9%2012.7%2032.9%2021.5%2047.8%2024.6c13.7%202.8%2027.4.9%2042.3-10.3c10.6-8%2025.6-5.9%2033.6%204.7s5.9%2025.6-4.7%2033.6c-26.4%2019.9-54.2%2024.4-80.7%2019.1c-25.3-5.1-48.1-18.9-67.2-33.3c-21.3-16.1-49.9-16.1-71.2%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/ferry.svg?color=%231a73e8&size=48
