camper icon
camper from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- camper
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the camper 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"><circle cx="17" cy="19" r="2"/><circle cx="7" cy="19" r="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M16 7h4.938c.494 0 .741 0 .882-.115a.5.5 0 0 0 .171-.272c.042-.176-.069-.393-.29-.828c-.554-1.091-.831-1.637-1.263-2.018a3 3 0 0 0-.916-.557C18.982 3 18.363 3 17.124 3H8.095c-2.874 0-4.31 0-5.203.879C2 4.757 2 6.172 2 9v5"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 19h6m4 0a3 3 0 0 0 3-3v-3H4c-.943 0-1.414 0-1.707.293S2 14.057 2 15v1c0 1.414 0 2.121.44 2.56C2.878 19 3.585 19 5 19M6 7h2m6 6V8.966c0-.716 0-1.073.123-1.343c.092-.2.23-.365.397-.475C14.744 7 15.042 7 15.638 7c.901 0 1.352 0 1.766.146c.312.11.607.28.873.504c.354.297.636.719 1.198 1.563L22 13"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsCamper(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"><circle cx="17" cy="19" r="2"/><circle cx="7" cy="19" r="2"/><path strokeLinecap="round" strokeLinejoin="round" d="M16 7h4.938c.494 0 .741 0 .882-.115a.5.5 0 0 0 .171-.272c.042-.176-.069-.393-.29-.828c-.554-1.091-.831-1.637-1.263-2.018a3 3 0 0 0-.916-.557C18.982 3 18.363 3 17.124 3H8.095c-2.874 0-4.31 0-5.203.879C2 4.757 2 6.172 2 9v5"/><path strokeLinecap="round" strokeLinejoin="round" d="M9 19h6m4 0a3 3 0 0 0 3-3v-3H4c-.943 0-1.414 0-1.707.293S2 14.057 2 15v1c0 1.414 0 2.121.44 2.56C2.878 19 3.585 19 5 19M6 7h2m6 6V8.966c0-.716 0-1.073.123-1.343c.092-.2.23-.365.397-.475C14.744 7 15.042 7 15.638 7c.901 0 1.352 0 1.766.146c.312.11.607.28.873.504c.354.297.636.719 1.198 1.563L22 13"/></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"><circle cx="17" cy="19" r="2"/><circle cx="7" cy="19" r="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M16 7h4.938c.494 0 .741 0 .882-.115a.5.5 0 0 0 .171-.272c.042-.176-.069-.393-.29-.828c-.554-1.091-.831-1.637-1.263-2.018a3 3 0 0 0-.916-.557C18.982 3 18.363 3 17.124 3H8.095c-2.874 0-4.31 0-5.203.879C2 4.757 2 6.172 2 9v5"/><path stroke-linecap="round" stroke-linejoin="round" d="M9 19h6m4 0a3 3 0 0 0 3-3v-3H4c-.943 0-1.414 0-1.707.293S2 14.057 2 15v1c0 1.414 0 2.121.44 2.56C2.878 19 3.585 19 5 19M6 7h2m6 6V8.966c0-.716 0-1.073.123-1.343c.092-.2.23-.365.397-.475C14.744 7 15.042 7 15.638 7c.901 0 1.352 0 1.766.146c.312.11.607.28.873.504c.354.297.636.719 1.198 1.563L22 13"/></g></svg> </template>
CSS
.icon-camper {
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%3Ccircle%20cx%3D%2217%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16%207h4.938c.494%200%20.741%200%20.882-.115a.5.5%200%200%200%20.171-.272c.042-.176-.069-.393-.29-.828c-.554-1.091-.831-1.637-1.263-2.018a3%203%200%200%200-.916-.557C18.982%203%2018.363%203%2017.124%203H8.095c-2.874%200-4.31%200-5.203.879C2%204.757%202%206.172%202%209v5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2019h6m4%200a3%203%200%200%200%203-3v-3H4c-.943%200-1.414%200-1.707.293S2%2014.057%202%2015v1c0%201.414%200%202.121.44%202.56C2.878%2019%203.585%2019%205%2019M6%207h2m6%206V8.966c0-.716%200-1.073.123-1.343c.092-.2.23-.365.397-.475C14.744%207%2015.042%207%2015.638%207c.901%200%201.352%200%201.766.146c.312.11.607.28.873.504c.354.297.636.719%201.198%201.563L22%2013%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%3Ccircle%20cx%3D%2217%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16%207h4.938c.494%200%20.741%200%20.882-.115a.5.5%200%200%200%20.171-.272c.042-.176-.069-.393-.29-.828c-.554-1.091-.831-1.637-1.263-2.018a3%203%200%200%200-.916-.557C18.982%203%2018.363%203%2017.124%203H8.095c-2.874%200-4.31%200-5.203.879C2%204.757%202%206.172%202%209v5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2019h6m4%200a3%203%200%200%200%203-3v-3H4c-.943%200-1.414%200-1.707.293S2%2014.057%202%2015v1c0%201.414%200%202.121.44%202.56C2.878%2019%203.585%2019%205%2019M6%207h2m6%206V8.966c0-.716%200-1.073.123-1.343c.092-.2.23-.365.397-.475C14.744%207%2015.042%207%2015.638%207c.901%200%201.352%200%201.766.146c.312.11.607.28.873.504c.354.297.636.719%201.198%201.563L22%2013%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/camper.svg?color=%231a73e8&size=48
