boat icon
boat-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- boat-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
2 other variants in IonIcons
The same icon in other sets
Use the boat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.8 23.8 0 0 0-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 0 0 7.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0 1 10.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0 1 10.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 0 0 7.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18Z"/><path fill="currentColor" d="M416 473.14a6.84 6.84 0 0 0-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 0 0-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 0 0-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 0 0-3.89 5.73a6.73 6.73 0 0 0 7.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 0 1 8-.06A185.14 185.14 0 0 0 340 456a8.82 8.82 0 0 1 8.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 0 0 7.95-6.71Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 96V72a24.07 24.07 0 0 0-24-24h-80a24.07 24.07 0 0 0-24 24v24m224 137v-89a48.14 48.14 0 0 0-48-48H144a48.14 48.14 0 0 0-48 48v92m160-52.4v212.85"/></svg>
React
import type { SVGProps } from "react";
export function IonBoatOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" strokeMiterlimit="10" strokeWidth="32" d="M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.8 23.8 0 0 0-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 0 0 7.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0 1 10.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0 1 10.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 0 0 7.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18Z"/><path fill="currentColor" d="M416 473.14a6.84 6.84 0 0 0-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 0 0-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 0 0-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 0 0-3.89 5.73a6.73 6.73 0 0 0 7.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 0 1 8-.06A185.14 185.14 0 0 0 340 456a8.82 8.82 0 0 1 8.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 0 0 7.95-6.71Z"/><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="32" d="M320 96V72a24.07 24.07 0 0 0-24-24h-80a24.07 24.07 0 0 0-24 24v24m224 137v-89a48.14 48.14 0 0 0-48-48H144a48.14 48.14 0 0 0-48 48v92m160-52.4v212.85"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" d="M461.93 261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.8 23.8 0 0 0-14.17 0l-187 74.52c-5 1.56-9.83 4.77-11.81 9.53s-2.94 9.37-1 15.08l46.53 119.15a7.46 7.46 0 0 0 7.47 4.64c26.69-1.68 50.31-15.23 68.38-32.5a7.66 7.66 0 0 1 10.49 0C201.29 386 227 400 256 400s54.56-14 73.88-32.54a7.67 7.67 0 0 1 10.5 0c18.07 17.28 41.69 30.86 68.38 32.54a7.45 7.45 0 0 0 7.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18Z"/><path fill="currentColor" d="M416 473.14a6.84 6.84 0 0 0-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05 10.05 0 0 0-12.72-1.51c-50.33 32.42-111.61 32.44-161.95.05a10.09 10.09 0 0 0-12.82 1.56c-10.77 11.28-35.19 33.3-62.43 47.75a7.15 7.15 0 0 0-3.89 5.73a6.73 6.73 0 0 0 7.92 7.15c20.85-4.18 41-13.68 60.2-23.83a8.71 8.71 0 0 1 8-.06A185.14 185.14 0 0 0 340 456a8.82 8.82 0 0 1 8.09.06c19.1 10 39.22 19.59 60 23.8a6.72 6.72 0 0 0 7.95-6.71Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 96V72a24.07 24.07 0 0 0-24-24h-80a24.07 24.07 0 0 0-24 24v24m224 137v-89a48.14 48.14 0 0 0-48-48H144a48.14 48.14 0 0 0-48 48v92m160-52.4v212.85"/></svg> </template>
CSS
.icon-boat-outline {
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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M461.93%20261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.8%2023.8%200%200%200-14.17%200l-187%2074.52c-5%201.56-9.83%204.77-11.81%209.53s-2.94%209.37-1%2015.08l46.53%20119.15a7.46%207.46%200%200%200%207.47%204.64c26.69-1.68%2050.31-15.23%2068.38-32.5a7.66%207.66%200%200%201%2010.49%200C201.29%20386%20227%20400%20256%20400s54.56-14%2073.88-32.54a7.67%207.67%200%200%201%2010.5%200c18.07%2017.28%2041.69%2030.86%2068.38%2032.54a7.45%207.45%200%200%200%207.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M416%20473.14a6.84%206.84%200%200%200-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05%2010.05%200%200%200-12.72-1.51c-50.33%2032.42-111.61%2032.44-161.95.05a10.09%2010.09%200%200%200-12.82%201.56c-10.77%2011.28-35.19%2033.3-62.43%2047.75a7.15%207.15%200%200%200-3.89%205.73a6.73%206.73%200%200%200%207.92%207.15c20.85-4.18%2041-13.68%2060.2-23.83a8.71%208.71%200%200%201%208-.06A185.14%20185.14%200%200%200%20340%20456a8.82%208.82%200%200%201%208.09.06c19.1%2010%2039.22%2019.59%2060%2023.8a6.72%206.72%200%200%200%207.95-6.71Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M320%2096V72a24.07%2024.07%200%200%200-24-24h-80a24.07%2024.07%200%200%200-24%2024v24m224%20137v-89a48.14%2048.14%200%200%200-48-48H144a48.14%2048.14%200%200%200-48%2048v92m160-52.4v212.85%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%20512%20512%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%20d%3D%22M461.93%20261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.8%2023.8%200%200%200-14.17%200l-187%2074.52c-5%201.56-9.83%204.77-11.81%209.53s-2.94%209.37-1%2015.08l46.53%20119.15a7.46%207.46%200%200%200%207.47%204.64c26.69-1.68%2050.31-15.23%2068.38-32.5a7.66%207.66%200%200%201%2010.49%200C201.29%20386%20227%20400%20256%20400s54.56-14%2073.88-32.54a7.67%207.67%200%200%201%2010.5%200c18.07%2017.28%2041.69%2030.86%2068.38%2032.54a7.45%207.45%200%200%200%207.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18Z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M416%20473.14a6.84%206.84%200%200%200-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05%2010.05%200%200%200-12.72-1.51c-50.33%2032.42-111.61%2032.44-161.95.05a10.09%2010.09%200%200%200-12.82%201.56c-10.77%2011.28-35.19%2033.3-62.43%2047.75a7.15%207.15%200%200%200-3.89%205.73a6.73%206.73%200%200%200%207.92%207.15c20.85-4.18%2041-13.68%2060.2-23.83a8.71%208.71%200%200%201%208-.06A185.14%20185.14%200%200%200%20340%20456a8.82%208.82%200%200%201%208.09.06c19.1%2010%2039.22%2019.59%2060%2023.8a6.72%206.72%200%200%200%207.95-6.71Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%20d%3D%22M320%2096V72a24.07%2024.07%200%200%200-24-24h-80a24.07%2024.07%200%200%200-24%2024v24m224%20137v-89a48.14%2048.14%200%200%200-48-48H144a48.14%2048.14%200%200%200-48%2048v92m160-52.4v212.85%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/boat-outline.svg?color=%231a73e8&size=48
