houseboat icon
houseboat from Material Symbols Light by Google · Regular · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- houseboat
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Travel
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More travel icons from Material Symbols Light
airline-seat-flatairline-seat-flat-angledairline-seat-individual-suiteairline-seat-legroom-extraairline-seat-legroom-normalairline-seat-legroom-reducedairline-seat-recline-extraairline-seat-recline-normalairplane-ticketapartmentattractionsbakery-diningbath-bedrockbeach-accessbeer-mealbentobreakfast-diningbrunch-diningbungalowcabincar-rentalcar-repaircarpentercarry-on-bag
Use the houseboat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 18v-1.02q.816-.153 1.275-.566T5.325 16q1.258 0 1.825.5t1.5.5q1.008 0 1.566-.5q.559-.5 1.784-.5t1.784.5t1.566.5q.933 0 1.5-.5t1.825-.5q1.148 0 1.55.394t1.275.587V18q-.925 0-1.46-.5t-1.39-.5q-.977 0-1.534.5q-.558.5-1.791.5q-1.263 0-1.771-.5T12 17t-1.554.5t-1.771.5q-1.233 0-1.79-.5q-.558-.5-1.535-.5q-.875 0-1.39.5q-.516.5-1.46.5m4.02-4q-.505 0-.968-.177q-.464-.177-.812-.544L3.73 12.25l.69-.688l1.028 1.004q.208.207.482.32t.59.114H8V8.894l-1.325.975l-.598-.792L12 4.712l5.904 4.346l-.598.817L16 8.919V13h1.48q.316 0 .59-.113t.482-.322l1.029-1.003l.688.688l-1.01 1.01q-.367.367-.82.553q-.455.187-.958.187zm4.98-1h1v-2h-1z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHouseboat(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 18v-1.02q.816-.153 1.275-.566T5.325 16q1.258 0 1.825.5t1.5.5q1.008 0 1.566-.5q.559-.5 1.784-.5t1.784.5t1.566.5q.933 0 1.5-.5t1.825-.5q1.148 0 1.55.394t1.275.587V18q-.925 0-1.46-.5t-1.39-.5q-.977 0-1.534.5q-.558.5-1.791.5q-1.263 0-1.771-.5T12 17t-1.554.5t-1.771.5q-1.233 0-1.79-.5q-.558-.5-1.535-.5q-.875 0-1.39.5q-.516.5-1.46.5m4.02-4q-.505 0-.968-.177q-.464-.177-.812-.544L3.73 12.25l.69-.688l1.028 1.004q.208.207.482.32t.59.114H8V8.894l-1.325.975l-.598-.792L12 4.712l5.904 4.346l-.598.817L16 8.919V13h1.48q.316 0 .59-.113t.482-.322l1.029-1.003l.688.688l-1.01 1.01q-.367.367-.82.553q-.455.187-.958.187zm4.98-1h1v-2h-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 18v-1.02q.816-.153 1.275-.566T5.325 16q1.258 0 1.825.5t1.5.5q1.008 0 1.566-.5q.559-.5 1.784-.5t1.784.5t1.566.5q.933 0 1.5-.5t1.825-.5q1.148 0 1.55.394t1.275.587V18q-.925 0-1.46-.5t-1.39-.5q-.977 0-1.534.5q-.558.5-1.791.5q-1.263 0-1.771-.5T12 17t-1.554.5t-1.771.5q-1.233 0-1.79-.5q-.558-.5-1.535-.5q-.875 0-1.39.5q-.516.5-1.46.5m4.02-4q-.505 0-.968-.177q-.464-.177-.812-.544L3.73 12.25l.69-.688l1.028 1.004q.208.207.482.32t.59.114H8V8.894l-1.325.975l-.598-.792L12 4.712l5.904 4.346l-.598.817L16 8.919V13h1.48q.316 0 .59-.113t.482-.322l1.029-1.003l.688.688l-1.01 1.01q-.367.367-.82.553q-.455.187-.958.187zm4.98-1h1v-2h-1z"/></svg> </template>
CSS
.icon-houseboat {
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%20fill%3D%22currentColor%22%20d%3D%22M2.5%2018v-1.02q.816-.153%201.275-.566T5.325%2016q1.258%200%201.825.5t1.5.5q1.008%200%201.566-.5q.559-.5%201.784-.5t1.784.5t1.566.5q.933%200%201.5-.5t1.825-.5q1.148%200%201.55.394t1.275.587V18q-.925%200-1.46-.5t-1.39-.5q-.977%200-1.534.5q-.558.5-1.791.5q-1.263%200-1.771-.5T12%2017t-1.554.5t-1.771.5q-1.233%200-1.79-.5q-.558-.5-1.535-.5q-.875%200-1.39.5q-.516.5-1.46.5m4.02-4q-.505%200-.968-.177q-.464-.177-.812-.544L3.73%2012.25l.69-.688l1.028%201.004q.208.207.482.32t.59.114H8V8.894l-1.325.975l-.598-.792L12%204.712l5.904%204.346l-.598.817L16%208.919V13h1.48q.316%200%20.59-.113t.482-.322l1.029-1.003l.688.688l-1.01%201.01q-.367.367-.82.553q-.455.187-.958.187zm4.98-1h1v-2h-1z%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%20fill%3D%22currentColor%22%20d%3D%22M2.5%2018v-1.02q.816-.153%201.275-.566T5.325%2016q1.258%200%201.825.5t1.5.5q1.008%200%201.566-.5q.559-.5%201.784-.5t1.784.5t1.566.5q.933%200%201.5-.5t1.825-.5q1.148%200%201.55.394t1.275.587V18q-.925%200-1.46-.5t-1.39-.5q-.977%200-1.534.5q-.558.5-1.791.5q-1.263%200-1.771-.5T12%2017t-1.554.5t-1.771.5q-1.233%200-1.79-.5q-.558-.5-1.535-.5q-.875%200-1.39.5q-.516.5-1.46.5m4.02-4q-.505%200-.968-.177q-.464-.177-.812-.544L3.73%2012.25l.69-.688l1.028%201.004q.208.207.482.32t.59.114H8V8.894l-1.325.975l-.598-.792L12%204.712l5.904%204.346l-.598.817L16%208.919V13h1.48q.316%200%20.59-.113t.482-.322l1.029-1.003l.688.688l-1.01%201.01q-.367.367-.82.553q-.455.187-.958.187zm4.98-1h1v-2h-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/houseboat.svg?color=%231a73e8&size=48
