ship wheel icon

ship-wheel from Myna UI Icons by Praveen Juge · Regular · MIT Free for personal and commercial use.

Name: ship-wheel
Set: Myna UI Icons
Style: Regular
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

ship-wheelHuge Icons ship-wheelLucide ship-wheelMaterial Design Icons

Use the ship wheel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m15.728 3l-2.796 6.75m0 0l1.32 1.317m-1.32-1.317l-1.865-.003M20.91 8.31l-1.71.708m-4.947 2.049l4.947-2.05m-4.947 2.05l-.003 1.865M21 15.728l-6.75-2.796m0 0l-1.317 1.32m2.758 6.658l-.709-1.71m-2.049-4.947l2.05 4.947m-2.05-4.947l-1.865-.003m0 0L8.272 21m2.796-6.75l-1.32-1.317m0 0L4.8 14.983m4.947-2.05l.003-1.865m-6.66 4.623l1.71-.709m4.95-3.914L3 8.272m6.75 2.796l1.317-1.32m0 0L9.017 4.8M8.31 3.09l.708 1.71m0 0A7.77 7.77 0 0 0 4.8 9.018a7.77 7.77 0 0 0 0 5.964M9.018 4.8a7.77 7.77 0 0 1 5.964 0A7.77 7.77 0 0 1 19.2 9.018m0 0a7.77 7.77 0 0 1 0 5.964a7.77 7.77 0 0 1-4.218 4.218m0 0a7.77 7.77 0 0 1-5.964 0A7.77 7.77 0 0 1 4.8 14.982"/></svg>

React

import type { SVGProps } from "react";

export function MynauiShipWheel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m15.728 3l-2.796 6.75m0 0l1.32 1.317m-1.32-1.317l-1.865-.003M20.91 8.31l-1.71.708m-4.947 2.049l4.947-2.05m-4.947 2.05l-.003 1.865M21 15.728l-6.75-2.796m0 0l-1.317 1.32m2.758 6.658l-.709-1.71m-2.049-4.947l2.05 4.947m-2.05-4.947l-1.865-.003m0 0L8.272 21m2.796-6.75l-1.32-1.317m0 0L4.8 14.983m4.947-2.05l.003-1.865m-6.66 4.623l1.71-.709m4.95-3.914L3 8.272m6.75 2.796l1.317-1.32m0 0L9.017 4.8M8.31 3.09l.708 1.71m0 0A7.77 7.77 0 0 0 4.8 9.018a7.77 7.77 0 0 0 0 5.964M9.018 4.8a7.77 7.77 0 0 1 5.964 0A7.77 7.77 0 0 1 19.2 9.018m0 0a7.77 7.77 0 0 1 0 5.964a7.77 7.77 0 0 1-4.218 4.218m0 0a7.77 7.77 0 0 1-5.964 0A7.77 7.77 0 0 1 4.8 14.982"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m15.728 3l-2.796 6.75m0 0l1.32 1.317m-1.32-1.317l-1.865-.003M20.91 8.31l-1.71.708m-4.947 2.049l4.947-2.05m-4.947 2.05l-.003 1.865M21 15.728l-6.75-2.796m0 0l-1.317 1.32m2.758 6.658l-.709-1.71m-2.049-4.947l2.05 4.947m-2.05-4.947l-1.865-.003m0 0L8.272 21m2.796-6.75l-1.32-1.317m0 0L4.8 14.983m4.947-2.05l.003-1.865m-6.66 4.623l1.71-.709m4.95-3.914L3 8.272m6.75 2.796l1.317-1.32m0 0L9.017 4.8M8.31 3.09l.708 1.71m0 0A7.77 7.77 0 0 0 4.8 9.018a7.77 7.77 0 0 0 0 5.964M9.018 4.8a7.77 7.77 0 0 1 5.964 0A7.77 7.77 0 0 1 19.2 9.018m0 0a7.77 7.77 0 0 1 0 5.964a7.77 7.77 0 0 1-4.218 4.218m0 0a7.77 7.77 0 0 1-5.964 0A7.77 7.77 0 0 1 4.8 14.982"/></svg>
</template>

CSS

.icon-ship-wheel {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m15.728%203l-2.796%206.75m0%200l1.32%201.317m-1.32-1.317l-1.865-.003M20.91%208.31l-1.71.708m-4.947%202.049l4.947-2.05m-4.947%202.05l-.003%201.865M21%2015.728l-6.75-2.796m0%200l-1.317%201.32m2.758%206.658l-.709-1.71m-2.049-4.947l2.05%204.947m-2.05-4.947l-1.865-.003m0%200L8.272%2021m2.796-6.75l-1.32-1.317m0%200L4.8%2014.983m4.947-2.05l.003-1.865m-6.66%204.623l1.71-.709m4.95-3.914L3%208.272m6.75%202.796l1.317-1.32m0%200L9.017%204.8M8.31%203.09l.708%201.71m0%200A7.77%207.77%200%200%200%204.8%209.018a7.77%207.77%200%200%200%200%205.964M9.018%204.8a7.77%207.77%200%200%201%205.964%200A7.77%207.77%200%200%201%2019.2%209.018m0%200a7.77%207.77%200%200%201%200%205.964a7.77%207.77%200%200%201-4.218%204.218m0%200a7.77%207.77%200%200%201-5.964%200A7.77%207.77%200%200%201%204.8%2014.982%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22m15.728%203l-2.796%206.75m0%200l1.32%201.317m-1.32-1.317l-1.865-.003M20.91%208.31l-1.71.708m-4.947%202.049l4.947-2.05m-4.947%202.05l-.003%201.865M21%2015.728l-6.75-2.796m0%200l-1.317%201.32m2.758%206.658l-.709-1.71m-2.049-4.947l2.05%204.947m-2.05-4.947l-1.865-.003m0%200L8.272%2021m2.796-6.75l-1.32-1.317m0%200L4.8%2014.983m4.947-2.05l.003-1.865m-6.66%204.623l1.71-.709m4.95-3.914L3%208.272m6.75%202.796l1.317-1.32m0%200L9.017%204.8M8.31%203.09l.708%201.71m0%200A7.77%207.77%200%200%200%204.8%209.018a7.77%207.77%200%200%200%200%205.964M9.018%204.8a7.77%207.77%200%200%201%205.964%200A7.77%207.77%200%200%201%2019.2%209.018m0%200a7.77%207.77%200%200%201%200%205.964a7.77%207.77%200%200%201-4.218%204.218m0%200a7.77%207.77%200%200%201-5.964%200A7.77%207.77%200%200%201%204.8%2014.982%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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