md boat icon

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

Name
md-boat
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT
Aliases
android-boat

Related icons in IonIcons

Use the md boat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M84.255 413h1.063c34.123 0 63.977-19.021 85.305-42.494 21.325 23.473 51.18 42.762 85.304 42.762s63.979-19.334 85.305-42.806C362.559 393.934 392.412 413 426.535 413h1.062l51.253-138.78c2.126-5.329 1.063-11.641-1.07-16.976-2.136-5.333-7.237-8.487-12.567-10.623L427 234.133v-98.15C427 112.51 407.344 93 383.884 93h-63.979l-15.993-53h-95.969l-15.995 53h-63.979C104.511 93 85 112.51 85 135.982v98.15l-38.074 12.533c-5.33 2.136-10.582 5.334-12.718 10.667-2.135 5.335-3.158 10.49-1.031 16.887L84.255 413zM128 136h256v84.261l-128-41.605-128 41.605V136z" fill="currentColor"/><path d="M341.231 408.007c-52.253 36.267-118.356 36.258-170.608-.009 0 0-57.638 64.002-106.632 64.002h21.327c29.854 0 58.646-11.726 85.305-25.594 53.315 27.734 117.293 27.728 170.608-.007C367.89 460.268 396.681 472 426.535 472h21.328c-47.651 0-106.632-63.993-106.632-63.993z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonMdBoat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M84.255 413h1.063c34.123 0 63.977-19.021 85.305-42.494 21.325 23.473 51.18 42.762 85.304 42.762s63.979-19.334 85.305-42.806C362.559 393.934 392.412 413 426.535 413h1.062l51.253-138.78c2.126-5.329 1.063-11.641-1.07-16.976-2.136-5.333-7.237-8.487-12.567-10.623L427 234.133v-98.15C427 112.51 407.344 93 383.884 93h-63.979l-15.993-53h-95.969l-15.995 53h-63.979C104.511 93 85 112.51 85 135.982v98.15l-38.074 12.533c-5.33 2.136-10.582 5.334-12.718 10.667-2.135 5.335-3.158 10.49-1.031 16.887L84.255 413zM128 136h256v84.261l-128-41.605-128 41.605V136z" fill="currentColor"/><path d="M341.231 408.007c-52.253 36.267-118.356 36.258-170.608-.009 0 0-57.638 64.002-106.632 64.002h21.327c29.854 0 58.646-11.726 85.305-25.594 53.315 27.734 117.293 27.728 170.608-.007C367.89 460.268 396.681 472 426.535 472h21.328c-47.651 0-106.632-63.993-106.632-63.993z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M84.255 413h1.063c34.123 0 63.977-19.021 85.305-42.494 21.325 23.473 51.18 42.762 85.304 42.762s63.979-19.334 85.305-42.806C362.559 393.934 392.412 413 426.535 413h1.062l51.253-138.78c2.126-5.329 1.063-11.641-1.07-16.976-2.136-5.333-7.237-8.487-12.567-10.623L427 234.133v-98.15C427 112.51 407.344 93 383.884 93h-63.979l-15.993-53h-95.969l-15.995 53h-63.979C104.511 93 85 112.51 85 135.982v98.15l-38.074 12.533c-5.33 2.136-10.582 5.334-12.718 10.667-2.135 5.335-3.158 10.49-1.031 16.887L84.255 413zM128 136h256v84.261l-128-41.605-128 41.605V136z" fill="currentColor"/><path d="M341.231 408.007c-52.253 36.267-118.356 36.258-170.608-.009 0 0-57.638 64.002-106.632 64.002h21.327c29.854 0 58.646-11.726 85.305-25.594 53.315 27.734 117.293 27.728 170.608-.007C367.89 460.268 396.681 472 426.535 472h21.328c-47.651 0-106.632-63.993-106.632-63.993z" fill="currentColor"/></svg>
</template>

CSS

.icon-md-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%22M84.255%20413h1.063c34.123%200%2063.977-19.021%2085.305-42.494%2021.325%2023.473%2051.18%2042.762%2085.304%2042.762s63.979-19.334%2085.305-42.806C362.559%20393.934%20392.412%20413%20426.535%20413h1.062l51.253-138.78c2.126-5.329%201.063-11.641-1.07-16.976-2.136-5.333-7.237-8.487-12.567-10.623L427%20234.133v-98.15C427%20112.51%20407.344%2093%20383.884%2093h-63.979l-15.993-53h-95.969l-15.995%2053h-63.979C104.511%2093%2085%20112.51%2085%20135.982v98.15l-38.074%2012.533c-5.33%202.136-10.582%205.334-12.718%2010.667-2.135%205.335-3.158%2010.49-1.031%2016.887L84.255%20413zM128%20136h256v84.261l-128-41.605-128%2041.605V136z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M341.231%20408.007c-52.253%2036.267-118.356%2036.258-170.608-.009%200%200-57.638%2064.002-106.632%2064.002h21.327c29.854%200%2058.646-11.726%2085.305-25.594%2053.315%2027.734%20117.293%2027.728%20170.608-.007C367.89%20460.268%20396.681%20472%20426.535%20472h21.328c-47.651%200-106.632-63.993-106.632-63.993z%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%22M84.255%20413h1.063c34.123%200%2063.977-19.021%2085.305-42.494%2021.325%2023.473%2051.18%2042.762%2085.304%2042.762s63.979-19.334%2085.305-42.806C362.559%20393.934%20392.412%20413%20426.535%20413h1.062l51.253-138.78c2.126-5.329%201.063-11.641-1.07-16.976-2.136-5.333-7.237-8.487-12.567-10.623L427%20234.133v-98.15C427%20112.51%20407.344%2093%20383.884%2093h-63.979l-15.993-53h-95.969l-15.995%2053h-63.979C104.511%2093%2085%20112.51%2085%20135.982v98.15l-38.074%2012.533c-5.33%202.136-10.582%205.334-12.718%2010.667-2.135%205.335-3.158%2010.49-1.031%2016.887L84.255%20413zM128%20136h256v84.261l-128-41.605-128%2041.605V136z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M341.231%20408.007c-52.253%2036.267-118.356%2036.258-170.608-.009%200%200-57.638%2064.002-106.632%2064.002h21.327c29.854%200%2058.646-11.726%2085.305-25.594%2053.315%2027.734%20117.293%2027.728%20170.608-.007C367.89%20460.268%20396.681%20472%20426.535%20472h21.328c-47.651%200-106.632-63.993-106.632-63.993z%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/md-boat.svg?color=%231a73e8&size=48