tank top icon
tank-top from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- tank-top
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the tank top 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-width="1.5"><path d="M16.617 1c.247.77.383 1.614.383 2.5c0 3.59-2.239 6.5-5 6.5S7 7.09 7 3.5c0-.886.136-1.73.383-2.5"/><path stroke-linecap="round" stroke-linejoin="round" d="M17.5 17c1.933 0 3.5-1.569 3.5-3.503c0-1.276-.79-2.02-1.308-3.084c-.994-2.04-.014-4.564.608-6.696a.966.966 0 0 0-.458-1.107l-2.587-1.48a.97.97 0 0 0-.548-.128C15.06 1.12 13.16 1.533 12 2.986C10.84 1.533 8.94 1.12 7.293 1.002a.97.97 0 0 0-.548.128L4.158 2.61A.966.966 0 0 0 3.7 3.717c.622 2.132 1.602 4.656.608 6.696C3.79 11.476 3 12.22 3 13.497A3.5 3.5 0 0 0 6.5 17"/><path stroke-linecap="round" d="M14 16.25c-1.476-.618-2.339-.714-4 0M5 17v5m14-5v5M17 3c-1.726.451-3 2.03-3 3.909c0 .765.211 1.481.579 2.091M7 3c1.726.451 3 2.03 3 3.909A4.04 4.04 0 0 1 9.421 9"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsTankTop(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" strokeWidth="1.5"><path d="M16.617 1c.247.77.383 1.614.383 2.5c0 3.59-2.239 6.5-5 6.5S7 7.09 7 3.5c0-.886.136-1.73.383-2.5"/><path strokeLinecap="round" strokeLinejoin="round" d="M17.5 17c1.933 0 3.5-1.569 3.5-3.503c0-1.276-.79-2.02-1.308-3.084c-.994-2.04-.014-4.564.608-6.696a.966.966 0 0 0-.458-1.107l-2.587-1.48a.97.97 0 0 0-.548-.128C15.06 1.12 13.16 1.533 12 2.986C10.84 1.533 8.94 1.12 7.293 1.002a.97.97 0 0 0-.548.128L4.158 2.61A.966.966 0 0 0 3.7 3.717c.622 2.132 1.602 4.656.608 6.696C3.79 11.476 3 12.22 3 13.497A3.5 3.5 0 0 0 6.5 17"/><path strokeLinecap="round" d="M14 16.25c-1.476-.618-2.339-.714-4 0M5 17v5m14-5v5M17 3c-1.726.451-3 2.03-3 3.909c0 .765.211 1.481.579 2.091M7 3c1.726.451 3 2.03 3 3.909A4.04 4.04 0 0 1 9.421 9"/></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-width="1.5"><path d="M16.617 1c.247.77.383 1.614.383 2.5c0 3.59-2.239 6.5-5 6.5S7 7.09 7 3.5c0-.886.136-1.73.383-2.5"/><path stroke-linecap="round" stroke-linejoin="round" d="M17.5 17c1.933 0 3.5-1.569 3.5-3.503c0-1.276-.79-2.02-1.308-3.084c-.994-2.04-.014-4.564.608-6.696a.966.966 0 0 0-.458-1.107l-2.587-1.48a.97.97 0 0 0-.548-.128C15.06 1.12 13.16 1.533 12 2.986C10.84 1.533 8.94 1.12 7.293 1.002a.97.97 0 0 0-.548.128L4.158 2.61A.966.966 0 0 0 3.7 3.717c.622 2.132 1.602 4.656.608 6.696C3.79 11.476 3 12.22 3 13.497A3.5 3.5 0 0 0 6.5 17"/><path stroke-linecap="round" d="M14 16.25c-1.476-.618-2.339-.714-4 0M5 17v5m14-5v5M17 3c-1.726.451-3 2.03-3 3.909c0 .765.211 1.481.579 2.091M7 3c1.726.451 3 2.03 3 3.909A4.04 4.04 0 0 1 9.421 9"/></g></svg> </template>
CSS
.icon-tank-top {
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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M16.617%201c.247.77.383%201.614.383%202.5c0%203.59-2.239%206.5-5%206.5S7%207.09%207%203.5c0-.886.136-1.73.383-2.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.5%2017c1.933%200%203.5-1.569%203.5-3.503c0-1.276-.79-2.02-1.308-3.084c-.994-2.04-.014-4.564.608-6.696a.966.966%200%200%200-.458-1.107l-2.587-1.48a.97.97%200%200%200-.548-.128C15.06%201.12%2013.16%201.533%2012%202.986C10.84%201.533%208.94%201.12%207.293%201.002a.97.97%200%200%200-.548.128L4.158%202.61A.966.966%200%200%200%203.7%203.717c.622%202.132%201.602%204.656.608%206.696C3.79%2011.476%203%2012.22%203%2013.497A3.5%203.5%200%200%200%206.5%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2016.25c-1.476-.618-2.339-.714-4%200M5%2017v5m14-5v5M17%203c-1.726.451-3%202.03-3%203.909c0%20.765.211%201.481.579%202.091M7%203c1.726.451%203%202.03%203%203.909A4.04%204.04%200%200%201%209.421%209%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-width%3D%221.5%22%3E%3Cpath%20d%3D%22M16.617%201c.247.77.383%201.614.383%202.5c0%203.59-2.239%206.5-5%206.5S7%207.09%207%203.5c0-.886.136-1.73.383-2.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.5%2017c1.933%200%203.5-1.569%203.5-3.503c0-1.276-.79-2.02-1.308-3.084c-.994-2.04-.014-4.564.608-6.696a.966.966%200%200%200-.458-1.107l-2.587-1.48a.97.97%200%200%200-.548-.128C15.06%201.12%2013.16%201.533%2012%202.986C10.84%201.533%208.94%201.12%207.293%201.002a.97.97%200%200%200-.548.128L4.158%202.61A.966.966%200%200%200%203.7%203.717c.622%202.132%201.602%204.656.608%206.696C3.79%2011.476%203%2012.22%203%2013.497A3.5%203.5%200%200%200%206.5%2017%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2016.25c-1.476-.618-2.339-.714-4%200M5%2017v5m14-5v5M17%203c-1.726.451-3%202.03-3%203.909c0%20.765.211%201.481.579%202.091M7%203c1.726.451%203%202.03%203%203.909A4.04%204.04%200%200%201%209.421%209%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/tank-top.svg?color=%231a73e8&size=48
