bxs ship icon
bxs-ship from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- bxs-ship
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
Related icons in BoxIcons v2
bxs-add-to-queuebxs-adjustbxs-adjust-altbxs-alarmbxs-alarm-addbxs-alarm-exclamationbxs-alarm-offbxs-alarm-snoozebxs-albumbxs-ambulancebxs-analysebxs-angrybxs-archbxs-archivebxs-archive-inbxs-archive-outbxs-areabxs-arrow-from-bottombxs-arrow-from-leftbxs-arrow-from-rightbxs-arrow-from-topbxs-arrow-to-bottombxs-arrow-to-leftbxs-arrow-to-right
Use the bxs ship icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.997 20c-.899 0-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219c-1.601 0-2.446.676-3.125 1.22c-.587.469-.975.78-1.874.78c-.897 0-1.285-.311-1.872-.78C4.444 18.676 3.601 18 2 18v2c.898 0 1.286.311 1.873.78c.679.544 1.523 1.22 3.122 1.22c1.601 0 2.445-.676 3.124-1.219c.588-.47.976-.781 1.875-.781c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219s2.446-.676 3.125-1.219C20.689 20.328 21.1 20 22 20v-2c-1.602 0-2.447.676-3.127 1.219c-.588.47-.977.781-1.876.781zM6 8.5L4 9l2 8h.995c1.601 0 2.445-.676 3.124-1.219c.588-.47.976-.781 1.875-.781c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219H18l.027-.107l.313-1.252L20 9l-2-.5V5.001a1 1 0 0 0-.804-.981L13 3.181V2h-2v1.181l-4.196.839A1 1 0 0 0 6 5.001V8.5zm2-2.681l4-.8l4 .8V8l-4-1l-4 1V5.819z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function BxBxsShip(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.997 20c-.899 0-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219c-1.601 0-2.446.676-3.125 1.22c-.587.469-.975.78-1.874.78c-.897 0-1.285-.311-1.872-.78C4.444 18.676 3.601 18 2 18v2c.898 0 1.286.311 1.873.78c.679.544 1.523 1.22 3.122 1.22c1.601 0 2.445-.676 3.124-1.219c.588-.47.976-.781 1.875-.781c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219s2.446-.676 3.125-1.219C20.689 20.328 21.1 20 22 20v-2c-1.602 0-2.447.676-3.127 1.219c-.588.47-.977.781-1.876.781zM6 8.5L4 9l2 8h.995c1.601 0 2.445-.676 3.124-1.219c.588-.47.976-.781 1.875-.781c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219H18l.027-.107l.313-1.252L20 9l-2-.5V5.001a1 1 0 0 0-.804-.981L13 3.181V2h-2v1.181l-4.196.839A1 1 0 0 0 6 5.001V8.5zm2-2.681l4-.8l4 .8V8l-4-1l-4 1V5.819z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M16.997 20c-.899 0-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219c-1.601 0-2.446.676-3.125 1.22c-.587.469-.975.78-1.874.78c-.897 0-1.285-.311-1.872-.78C4.444 18.676 3.601 18 2 18v2c.898 0 1.286.311 1.873.78c.679.544 1.523 1.22 3.122 1.22c1.601 0 2.445-.676 3.124-1.219c.588-.47.976-.781 1.875-.781c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219s2.446-.676 3.125-1.219C20.689 20.328 21.1 20 22 20v-2c-1.602 0-2.447.676-3.127 1.219c-.588.47-.977.781-1.876.781zM6 8.5L4 9l2 8h.995c1.601 0 2.445-.676 3.124-1.219c.588-.47.976-.781 1.875-.781c.9 0 1.311.328 1.878.781c.679.543 1.524 1.219 3.125 1.219H18l.027-.107l.313-1.252L20 9l-2-.5V5.001a1 1 0 0 0-.804-.981L13 3.181V2h-2v1.181l-4.196.839A1 1 0 0 0 6 5.001V8.5zm2-2.681l4-.8l4 .8V8l-4-1l-4 1V5.819z" fill="currentColor"/></svg> </template>
CSS
.icon-bxs-ship {
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%20d%3D%22M16.997%2020c-.899%200-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219c-1.601%200-2.446.676-3.125%201.22c-.587.469-.975.78-1.874.78c-.897%200-1.285-.311-1.872-.78C4.444%2018.676%203.601%2018%202%2018v2c.898%200%201.286.311%201.873.78c.679.544%201.523%201.22%203.122%201.22c1.601%200%202.445-.676%203.124-1.219c.588-.47.976-.781%201.875-.781c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219s2.446-.676%203.125-1.219C20.689%2020.328%2021.1%2020%2022%2020v-2c-1.602%200-2.447.676-3.127%201.219c-.588.47-.977.781-1.876.781zM6%208.5L4%209l2%208h.995c1.601%200%202.445-.676%203.124-1.219c.588-.47.976-.781%201.875-.781c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219H18l.027-.107l.313-1.252L20%209l-2-.5V5.001a1%201%200%200%200-.804-.981L13%203.181V2h-2v1.181l-4.196.839A1%201%200%200%200%206%205.001V8.5zm2-2.681l4-.8l4%20.8V8l-4-1l-4%201V5.819z%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%2024%2024%22%3E%3Cpath%20d%3D%22M16.997%2020c-.899%200-1.288-.311-1.876-.781c-.68-.543-1.525-1.219-3.127-1.219c-1.601%200-2.446.676-3.125%201.22c-.587.469-.975.78-1.874.78c-.897%200-1.285-.311-1.872-.78C4.444%2018.676%203.601%2018%202%2018v2c.898%200%201.286.311%201.873.78c.679.544%201.523%201.22%203.122%201.22c1.601%200%202.445-.676%203.124-1.219c.588-.47.976-.781%201.875-.781c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219s2.446-.676%203.125-1.219C20.689%2020.328%2021.1%2020%2022%2020v-2c-1.602%200-2.447.676-3.127%201.219c-.588.47-.977.781-1.876.781zM6%208.5L4%209l2%208h.995c1.601%200%202.445-.676%203.124-1.219c.588-.47.976-.781%201.875-.781c.9%200%201.311.328%201.878.781c.679.543%201.524%201.219%203.125%201.219H18l.027-.107l.313-1.252L20%209l-2-.5V5.001a1%201%200%200%200-.804-.981L13%203.181V2h-2v1.181l-4.196.839A1%201%200%200%200%206%205.001V8.5zm2-2.681l4-.8l4%20.8V8l-4-1l-4%201V5.819z%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/bx/bxs-ship.svg?color=%231a73e8&size=48
