ship icon
ship-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- ship-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
shipBoxIcons v2 SolidshipEmoji One (Colored)shipElement PlusshipFont Awesome 6 SolidshipFont Awesome SolidshipFluent EmojishipFluent Emoji FlatshipFluent Emoji High ContrastshipFirefox OS EmojishipHuge IconsshipHumbleiconsshipIconParkshipIconPark OutlineshipIconPark SolidshipIconPark TwoToneshipLine AwesomeshipLucideshipMajesticonsship-fillMingCute IconshipNoto EmojishipOpenMojishipPixelarticonsship-fillRemix IconshipStreamline Emojis
Use the ship icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15L13 14Z" stroke="none"/><path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsShipFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15L13 14Z" stroke="none"/><path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15L13 14Z" stroke="none"/><path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551"/></g></svg> </template>
CSS
.icon-ship-fill {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.52%2021.348L5.8638%2020.7254C3.6872%2018.66%202.5421%2015.4239%203.2169%2012.4072C3.281%2012.1208%203.4676%2011.877%203.7274%2011.7404C6.163%2010.4598%208.9171%209.1491%2011.9513%209.0012C11.9837%208.9996%2012.0163%208.9996%2012.0487%209.0012C15.0829%209.1491%2017.837%2010.4598%2020.2726%2011.7404C20.5335%2011.8776%2020.7206%2012.123%2020.7839%2012.4109C21.447%2015.4291%2020.3191%2018.654%2018.1362%2020.7254L17.933%2020.9182C17.6565%2021.1805%2017.255%2021.2629%2016.8976%2021.1306C16.6003%2021.0206%2016.3075%2020.9013%2016.0198%2020.7742C16.0031%2020.7668%2015.9866%2020.759%2015.9703%2020.7507C14.0898%2019.7936%2011.8309%2019.7593%209.96%2020.7286C9.9281%2020.7452%209.8953%2020.76%209.8617%2020.773C9.1273%2021.0579%208.3155%2021.3566%207.472%2021.5872C7.1347%2021.6794%206.7737%2021.5887%206.52%2021.348ZM13%2014C13%2013.4477%2012.5523%2013%2012%2013C11.4477%2013%2011%2013.4477%2011%2014L11%2015C11%2015.5523%2011.4477%2016%2012%2016C12.5523%2016%2013%2015.5523%2013%2015L13%2014Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7%2011.3L7%207C7%205.8954%207.8954%205%209%205L15%205C16.1046%205%2017%205.8954%2017%207L17%2011.3M12%205L12%203M2%2020.3479C4.3679%2021.6637%207.179%2020.7413%209.5%2019.8407C11.671%2018.7159%2014.2704%2018.7635%2016.4239%2019.8595C18.1685%2020.6303%2020.0809%2021.0813%2022%2020.8551%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.52%2021.348L5.8638%2020.7254C3.6872%2018.66%202.5421%2015.4239%203.2169%2012.4072C3.281%2012.1208%203.4676%2011.877%203.7274%2011.7404C6.163%2010.4598%208.9171%209.1491%2011.9513%209.0012C11.9837%208.9996%2012.0163%208.9996%2012.0487%209.0012C15.0829%209.1491%2017.837%2010.4598%2020.2726%2011.7404C20.5335%2011.8776%2020.7206%2012.123%2020.7839%2012.4109C21.447%2015.4291%2020.3191%2018.654%2018.1362%2020.7254L17.933%2020.9182C17.6565%2021.1805%2017.255%2021.2629%2016.8976%2021.1306C16.6003%2021.0206%2016.3075%2020.9013%2016.0198%2020.7742C16.0031%2020.7668%2015.9866%2020.759%2015.9703%2020.7507C14.0898%2019.7936%2011.8309%2019.7593%209.96%2020.7286C9.9281%2020.7452%209.8953%2020.76%209.8617%2020.773C9.1273%2021.0579%208.3155%2021.3566%207.472%2021.5872C7.1347%2021.6794%206.7737%2021.5887%206.52%2021.348ZM13%2014C13%2013.4477%2012.5523%2013%2012%2013C11.4477%2013%2011%2013.4477%2011%2014L11%2015C11%2015.5523%2011.4477%2016%2012%2016C12.5523%2016%2013%2015.5523%2013%2015L13%2014Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M7%2011.3L7%207C7%205.8954%207.8954%205%209%205L15%205C16.1046%205%2017%205.8954%2017%207L17%2011.3M12%205L12%203M2%2020.3479C4.3679%2021.6637%207.179%2020.7413%209.5%2019.8407C11.671%2018.7159%2014.2704%2018.7635%2016.4239%2019.8595C18.1685%2020.6303%2020.0809%2021.0813%2022%2020.8551%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/ship-fill.svg?color=%231a73e8&size=48
