ios boat icon

ios-boat from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
ios-boat
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

Related icons in IonIcons

ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward

Use the ios boat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M351.8 422c-26.2 9.2-66.5 14.9-96.1 14.9-29.6 0-69.9-5.7-96.1-14.9 0 0-26.1 23.9-62.3 36.2-2.3.8-1.5 4.2.9 3.9 22.6-2.6 40.2-6.5 61.4-12 23 9 66.7 13.9 96.1 13.9 29.4 0 74.1-3.8 96.1-13.9 21.5 5.6 38.8 9.6 62 12.1 2.4.3 3.2-3.1.9-3.9-35.7-12.4-62.9-36.3-62.9-36.3z" fill="currentColor"/><path d="M445.5 263l-186.2-85.5c-2.1-1-4.6-1-6.7 0L66.5 263c-6.2 2.9-10.5 9.1-10.5 16.4 0 2.4.5 4.6 1.3 6.7L112 422c27.5 0 56.7-22 56.7-22 18 9 53.1 17.1 79.3 18.6 2.8.2 5.5.2 8 .2s5.2-.1 8-.2c26.2-1.5 61.3-9.5 79.3-18.6 0 0 29.2 22 56.7 22l54.7-135.9c.8-2.1 1.3-4.3 1.3-6.7 0-7.3-4.3-13.5-10.5-16.4zM212 288c-6.6 0-12-9.8-12-22s5.4-22 12-22 12 9.8 12 22-5.4 22-12 22zm88 0c-6.6 0-12-9.8-12-22s5.4-22 12-22 12 9.8 12 22-5.4 22-12 22z" fill="currentColor"/><path d="M391.9 127v-.1C386.3 100.3 374.4 80 352 80h-34.6l-2-8c-3.6-14.1-16.4-24-31-24h-57c-14.6 0-27.4 9.9-31 24.1l-2 7.9H160c-22.9 0-35.1 20.7-39.8 47L102 223.8c-.6 3.2 2.6 5.7 5.6 4.4l25.3-11.6c1.2-.5 2-1.6 2.3-2.9l16.2-85.6c2.5-10.7 7.3-16 16.1-16h177.1c8.9 0 13.1 5 16.1 16l16.2 85.6c.2 1.3 1.1 2.4 2.3 2.9l25.4 11.7c3 1.4 6.2-1.2 5.6-4.4L391.9 127z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonIosBoat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M351.8 422c-26.2 9.2-66.5 14.9-96.1 14.9-29.6 0-69.9-5.7-96.1-14.9 0 0-26.1 23.9-62.3 36.2-2.3.8-1.5 4.2.9 3.9 22.6-2.6 40.2-6.5 61.4-12 23 9 66.7 13.9 96.1 13.9 29.4 0 74.1-3.8 96.1-13.9 21.5 5.6 38.8 9.6 62 12.1 2.4.3 3.2-3.1.9-3.9-35.7-12.4-62.9-36.3-62.9-36.3z" fill="currentColor"/><path d="M445.5 263l-186.2-85.5c-2.1-1-4.6-1-6.7 0L66.5 263c-6.2 2.9-10.5 9.1-10.5 16.4 0 2.4.5 4.6 1.3 6.7L112 422c27.5 0 56.7-22 56.7-22 18 9 53.1 17.1 79.3 18.6 2.8.2 5.5.2 8 .2s5.2-.1 8-.2c26.2-1.5 61.3-9.5 79.3-18.6 0 0 29.2 22 56.7 22l54.7-135.9c.8-2.1 1.3-4.3 1.3-6.7 0-7.3-4.3-13.5-10.5-16.4zM212 288c-6.6 0-12-9.8-12-22s5.4-22 12-22 12 9.8 12 22-5.4 22-12 22zm88 0c-6.6 0-12-9.8-12-22s5.4-22 12-22 12 9.8 12 22-5.4 22-12 22z" fill="currentColor"/><path d="M391.9 127v-.1C386.3 100.3 374.4 80 352 80h-34.6l-2-8c-3.6-14.1-16.4-24-31-24h-57c-14.6 0-27.4 9.9-31 24.1l-2 7.9H160c-22.9 0-35.1 20.7-39.8 47L102 223.8c-.6 3.2 2.6 5.7 5.6 4.4l25.3-11.6c1.2-.5 2-1.6 2.3-2.9l16.2-85.6c2.5-10.7 7.3-16 16.1-16h177.1c8.9 0 13.1 5 16.1 16l16.2 85.6c.2 1.3 1.1 2.4 2.3 2.9l25.4 11.7c3 1.4 6.2-1.2 5.6-4.4L391.9 127z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M351.8 422c-26.2 9.2-66.5 14.9-96.1 14.9-29.6 0-69.9-5.7-96.1-14.9 0 0-26.1 23.9-62.3 36.2-2.3.8-1.5 4.2.9 3.9 22.6-2.6 40.2-6.5 61.4-12 23 9 66.7 13.9 96.1 13.9 29.4 0 74.1-3.8 96.1-13.9 21.5 5.6 38.8 9.6 62 12.1 2.4.3 3.2-3.1.9-3.9-35.7-12.4-62.9-36.3-62.9-36.3z" fill="currentColor"/><path d="M445.5 263l-186.2-85.5c-2.1-1-4.6-1-6.7 0L66.5 263c-6.2 2.9-10.5 9.1-10.5 16.4 0 2.4.5 4.6 1.3 6.7L112 422c27.5 0 56.7-22 56.7-22 18 9 53.1 17.1 79.3 18.6 2.8.2 5.5.2 8 .2s5.2-.1 8-.2c26.2-1.5 61.3-9.5 79.3-18.6 0 0 29.2 22 56.7 22l54.7-135.9c.8-2.1 1.3-4.3 1.3-6.7 0-7.3-4.3-13.5-10.5-16.4zM212 288c-6.6 0-12-9.8-12-22s5.4-22 12-22 12 9.8 12 22-5.4 22-12 22zm88 0c-6.6 0-12-9.8-12-22s5.4-22 12-22 12 9.8 12 22-5.4 22-12 22z" fill="currentColor"/><path d="M391.9 127v-.1C386.3 100.3 374.4 80 352 80h-34.6l-2-8c-3.6-14.1-16.4-24-31-24h-57c-14.6 0-27.4 9.9-31 24.1l-2 7.9H160c-22.9 0-35.1 20.7-39.8 47L102 223.8c-.6 3.2 2.6 5.7 5.6 4.4l25.3-11.6c1.2-.5 2-1.6 2.3-2.9l16.2-85.6c2.5-10.7 7.3-16 16.1-16h177.1c8.9 0 13.1 5 16.1 16l16.2 85.6c.2 1.3 1.1 2.4 2.3 2.9l25.4 11.7c3 1.4 6.2-1.2 5.6-4.4L391.9 127z" fill="currentColor"/></svg>
</template>

CSS

.icon-ios-boat {
  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%20d%3D%22M351.8%20422c-26.2%209.2-66.5%2014.9-96.1%2014.9-29.6%200-69.9-5.7-96.1-14.9%200%200-26.1%2023.9-62.3%2036.2-2.3.8-1.5%204.2.9%203.9%2022.6-2.6%2040.2-6.5%2061.4-12%2023%209%2066.7%2013.9%2096.1%2013.9%2029.4%200%2074.1-3.8%2096.1-13.9%2021.5%205.6%2038.8%209.6%2062%2012.1%202.4.3%203.2-3.1.9-3.9-35.7-12.4-62.9-36.3-62.9-36.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M445.5%20263l-186.2-85.5c-2.1-1-4.6-1-6.7%200L66.5%20263c-6.2%202.9-10.5%209.1-10.5%2016.4%200%202.4.5%204.6%201.3%206.7L112%20422c27.5%200%2056.7-22%2056.7-22%2018%209%2053.1%2017.1%2079.3%2018.6%202.8.2%205.5.2%208%20.2s5.2-.1%208-.2c26.2-1.5%2061.3-9.5%2079.3-18.6%200%200%2029.2%2022%2056.7%2022l54.7-135.9c.8-2.1%201.3-4.3%201.3-6.7%200-7.3-4.3-13.5-10.5-16.4zM212%20288c-6.6%200-12-9.8-12-22s5.4-22%2012-22%2012%209.8%2012%2022-5.4%2022-12%2022zm88%200c-6.6%200-12-9.8-12-22s5.4-22%2012-22%2012%209.8%2012%2022-5.4%2022-12%2022z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M391.9%20127v-.1C386.3%20100.3%20374.4%2080%20352%2080h-34.6l-2-8c-3.6-14.1-16.4-24-31-24h-57c-14.6%200-27.4%209.9-31%2024.1l-2%207.9H160c-22.9%200-35.1%2020.7-39.8%2047L102%20223.8c-.6%203.2%202.6%205.7%205.6%204.4l25.3-11.6c1.2-.5%202-1.6%202.3-2.9l16.2-85.6c2.5-10.7%207.3-16%2016.1-16h177.1c8.9%200%2013.1%205%2016.1%2016l16.2%2085.6c.2%201.3%201.1%202.4%202.3%202.9l25.4%2011.7c3%201.4%206.2-1.2%205.6-4.4L391.9%20127z%22%20fill%3D%22currentColor%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%20d%3D%22M351.8%20422c-26.2%209.2-66.5%2014.9-96.1%2014.9-29.6%200-69.9-5.7-96.1-14.9%200%200-26.1%2023.9-62.3%2036.2-2.3.8-1.5%204.2.9%203.9%2022.6-2.6%2040.2-6.5%2061.4-12%2023%209%2066.7%2013.9%2096.1%2013.9%2029.4%200%2074.1-3.8%2096.1-13.9%2021.5%205.6%2038.8%209.6%2062%2012.1%202.4.3%203.2-3.1.9-3.9-35.7-12.4-62.9-36.3-62.9-36.3z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M445.5%20263l-186.2-85.5c-2.1-1-4.6-1-6.7%200L66.5%20263c-6.2%202.9-10.5%209.1-10.5%2016.4%200%202.4.5%204.6%201.3%206.7L112%20422c27.5%200%2056.7-22%2056.7-22%2018%209%2053.1%2017.1%2079.3%2018.6%202.8.2%205.5.2%208%20.2s5.2-.1%208-.2c26.2-1.5%2061.3-9.5%2079.3-18.6%200%200%2029.2%2022%2056.7%2022l54.7-135.9c.8-2.1%201.3-4.3%201.3-6.7%200-7.3-4.3-13.5-10.5-16.4zM212%20288c-6.6%200-12-9.8-12-22s5.4-22%2012-22%2012%209.8%2012%2022-5.4%2022-12%2022zm88%200c-6.6%200-12-9.8-12-22s5.4-22%2012-22%2012%209.8%2012%2022-5.4%2022-12%2022z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M391.9%20127v-.1C386.3%20100.3%20374.4%2080%20352%2080h-34.6l-2-8c-3.6-14.1-16.4-24-31-24h-57c-14.6%200-27.4%209.9-31%2024.1l-2%207.9H160c-22.9%200-35.1%2020.7-39.8%2047L102%20223.8c-.6%203.2%202.6%205.7%205.6%204.4l25.3-11.6c1.2-.5%202-1.6%202.3-2.9l16.2-85.6c2.5-10.7%207.3-16%2016.1-16h177.1c8.9%200%2013.1%205%2016.1%2016l16.2%2085.6c.2%201.3%201.1%202.4%202.3%202.9l25.4%2011.7c3%201.4%206.2-1.2%205.6-4.4L391.9%20127z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-boat.svg?color=%231a73e8&size=48

Ios Boat icon — IonIcons · IconsDB