sailboat icon

sailboat from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
sailboat
Set
Font Awesome 6 Solid
Style
Regular
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

sailboatEmoji One (Colored)sailboatFont Awesome SolidsailboatFluent EmojisailboatFluent Emoji FlatsailboatFluent Emoji High ContrastsailboatFirefox OS EmojisailboatHuge IconssailboatIconParksailboatIconPark OutlinesailboatIconPark SolidsailboatIconPark TwoTonesailboatLucidesailboat-fillMingCute IconsailboatNoto EmojisailboatOpenMojisailboatPhosphorsailboat-fillRemix IconsailboatStreamline EmojissailboatTabler IconssailboatTwitter Emoji

Use the sailboat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M256 16c0-7 4.5-13.2 11.2-15.3s13.9.4 17.9 6.1l224 320c3.4 4.9 3.8 11.3 1.1 16.6S502 352 496 352H272c-8.8 0-16-7.2-16-16zm-43.9 80.5c7 1.9 11.9 8.2 11.9 15.5v224c0 8.8-7.2 16-16 16H80c-5.7 0-11-3-13.8-8s-2.9-11-.1-16l128-224c3.6-6.3 11-9.4 18-7.5M5.7 404.3C2.8 394.1 10.5 384 21.1 384h533.8c10.6 0 18.3 10.1 15.4 20.3l-4 14.3C550.7 473.9 500.4 512 443 512H133c-57.4 0-107.7-38.1-123.3-93.3l-4-14.3z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidSailboat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M256 16c0-7 4.5-13.2 11.2-15.3s13.9.4 17.9 6.1l224 320c3.4 4.9 3.8 11.3 1.1 16.6S502 352 496 352H272c-8.8 0-16-7.2-16-16zm-43.9 80.5c7 1.9 11.9 8.2 11.9 15.5v224c0 8.8-7.2 16-16 16H80c-5.7 0-11-3-13.8-8s-2.9-11-.1-16l128-224c3.6-6.3 11-9.4 18-7.5M5.7 404.3C2.8 394.1 10.5 384 21.1 384h533.8c10.6 0 18.3 10.1 15.4 20.3l-4 14.3C550.7 473.9 500.4 512 443 512H133c-57.4 0-107.7-38.1-123.3-93.3l-4-14.3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M256 16c0-7 4.5-13.2 11.2-15.3s13.9.4 17.9 6.1l224 320c3.4 4.9 3.8 11.3 1.1 16.6S502 352 496 352H272c-8.8 0-16-7.2-16-16zm-43.9 80.5c7 1.9 11.9 8.2 11.9 15.5v224c0 8.8-7.2 16-16 16H80c-5.7 0-11-3-13.8-8s-2.9-11-.1-16l128-224c3.6-6.3 11-9.4 18-7.5M5.7 404.3C2.8 394.1 10.5 384 21.1 384h533.8c10.6 0 18.3 10.1 15.4 20.3l-4 14.3C550.7 473.9 500.4 512 443 512H133c-57.4 0-107.7-38.1-123.3-93.3l-4-14.3z"/></svg>
</template>

CSS

.icon-sailboat {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2016c0-7%204.5-13.2%2011.2-15.3s13.9.4%2017.9%206.1l224%20320c3.4%204.9%203.8%2011.3%201.1%2016.6S502%20352%20496%20352H272c-8.8%200-16-7.2-16-16zm-43.9%2080.5c7%201.9%2011.9%208.2%2011.9%2015.5v224c0%208.8-7.2%2016-16%2016H80c-5.7%200-11-3-13.8-8s-2.9-11-.1-16l128-224c3.6-6.3%2011-9.4%2018-7.5M5.7%20404.3C2.8%20394.1%2010.5%20384%2021.1%20384h533.8c10.6%200%2018.3%2010.1%2015.4%2020.3l-4%2014.3C550.7%20473.9%20500.4%20512%20443%20512H133c-57.4%200-107.7-38.1-123.3-93.3l-4-14.3z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2016c0-7%204.5-13.2%2011.2-15.3s13.9.4%2017.9%206.1l224%20320c3.4%204.9%203.8%2011.3%201.1%2016.6S502%20352%20496%20352H272c-8.8%200-16-7.2-16-16zm-43.9%2080.5c7%201.9%2011.9%208.2%2011.9%2015.5v224c0%208.8-7.2%2016-16%2016H80c-5.7%200-11-3-13.8-8s-2.9-11-.1-16l128-224c3.6-6.3%2011-9.4%2018-7.5M5.7%20404.3C2.8%20394.1%2010.5%20384%2021.1%20384h533.8c10.6%200%2018.3%2010.1%2015.4%2020.3l-4%2014.3C550.7%20473.9%20500.4%20512%20443%20512H133c-57.4%200-107.7-38.1-123.3-93.3l-4-14.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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