bong icon
bong from Line Awesome by Icons8 · Line · Medical · Apache-2.0 Free for personal and commercial use.
- Name
- bong
- Set
- Line Awesome
- Style
- Line
- Category
- Medical
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- bong-solid
The same icon in other sets
More medical icons from Line Awesome
Use the bong icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12 4v2h8V4zm1 3v7.678C10.091 15.875 8 18.66 8 22c0 2.236.925 4.276 2.414 5.719l.291.281h10.59l.29-.281A7.96 7.96 0 0 0 24 22c0-1.453-.469-2.765-1.146-3.94l1.914-1.914l.707.708l1.414-1.415l-2.828-2.828l-1.415 1.414l.708.707l-1.721 1.721A7.9 7.9 0 0 0 19 14.678V7h-2v9.035l.715.213A6 6 0 0 1 21.65 20h-11.3a6 6 0 0 1 3.935-3.752l.715-.213V7zm-3 15h12c0 1.56-.642 2.943-1.613 4h-8.774C10.642 24.943 10 23.56 10 22"/></svg>
React
import type { SVGProps } from "react";
export function LaBong(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12 4v2h8V4zm1 3v7.678C10.091 15.875 8 18.66 8 22c0 2.236.925 4.276 2.414 5.719l.291.281h10.59l.29-.281A7.96 7.96 0 0 0 24 22c0-1.453-.469-2.765-1.146-3.94l1.914-1.914l.707.708l1.414-1.415l-2.828-2.828l-1.415 1.414l.708.707l-1.721 1.721A7.9 7.9 0 0 0 19 14.678V7h-2v9.035l.715.213A6 6 0 0 1 21.65 20h-11.3a6 6 0 0 1 3.935-3.752l.715-.213V7zm-3 15h12c0 1.56-.642 2.943-1.613 4h-8.774C10.642 24.943 10 23.56 10 22"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M12 4v2h8V4zm1 3v7.678C10.091 15.875 8 18.66 8 22c0 2.236.925 4.276 2.414 5.719l.291.281h10.59l.29-.281A7.96 7.96 0 0 0 24 22c0-1.453-.469-2.765-1.146-3.94l1.914-1.914l.707.708l1.414-1.415l-2.828-2.828l-1.415 1.414l.708.707l-1.721 1.721A7.9 7.9 0 0 0 19 14.678V7h-2v9.035l.715.213A6 6 0 0 1 21.65 20h-11.3a6 6 0 0 1 3.935-3.752l.715-.213V7zm-3 15h12c0 1.56-.642 2.943-1.613 4h-8.774C10.642 24.943 10 23.56 10 22"/></svg> </template>
CSS
.icon-bong {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%204v2h8V4zm1%203v7.678C10.091%2015.875%208%2018.66%208%2022c0%202.236.925%204.276%202.414%205.719l.291.281h10.59l.29-.281A7.96%207.96%200%200%200%2024%2022c0-1.453-.469-2.765-1.146-3.94l1.914-1.914l.707.708l1.414-1.415l-2.828-2.828l-1.415%201.414l.708.707l-1.721%201.721A7.9%207.9%200%200%200%2019%2014.678V7h-2v9.035l.715.213A6%206%200%200%201%2021.65%2020h-11.3a6%206%200%200%201%203.935-3.752l.715-.213V7zm-3%2015h12c0%201.56-.642%202.943-1.613%204h-8.774C10.642%2024.943%2010%2023.56%2010%2022%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%204v2h8V4zm1%203v7.678C10.091%2015.875%208%2018.66%208%2022c0%202.236.925%204.276%202.414%205.719l.291.281h10.59l.29-.281A7.96%207.96%200%200%200%2024%2022c0-1.453-.469-2.765-1.146-3.94l1.914-1.914l.707.708l1.414-1.415l-2.828-2.828l-1.415%201.414l.708.707l-1.721%201.721A7.9%207.9%200%200%200%2019%2014.678V7h-2v9.035l.715.213A6%206%200%200%201%2021.65%2020h-11.3a6%206%200%200%201%203.935-3.752l.715-.213V7zm-3%2015h12c0%201.56-.642%202.943-1.613%204h-8.774C10.642%2024.943%2010%2023.56%2010%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/bong.svg?color=%231a73e8&size=48
