onsen icon

onsen from Material Symbols by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.

Name: onsen
Set: Material Symbols
Style: Regular
Category: Activities
Viewbox: 24×24
License: Apache 2.0
Aliases: onsen-outline, onsen-outline-sharp, onsen-sharp

1 other variant in Material Symbols

onsen-rounded

The same icon in other sets

onsenMaterial Symbols Light

More activities icons from Material Symbols

Use the onsen icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.75 13q.125-.375.188-.712T7 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T4.725 4H6.75q-.125.575-.162.95t-.038.7q0 .925.388 1.537T7.775 8.4t.838 1.325T9 11.6q0 .35-.05.7t-.15.7zm4 0q.125-.375.188-.712T11 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T8.725 4h2.025q-.125.575-.175.95t-.05.7q0 .925.387 1.537T11.75 8.4t.838 1.325t.387 1.875q0 .35-.038.7t-.137.7zm4 0q.125-.375.188-.712T15 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T12.725 4h2.025q-.125.575-.175.95t-.05.7q0 .925.387 1.537T15.75 8.4t.838 1.325t.387 1.875q0 .35-.038.7t-.137.7zM12 20q-3.725 0-6.363-1.463T3 15q0-1.075.775-2.037T6 11.275V13.6q-.5.35-.75.713T5 15q0 1.125 2.175 2.063T12 18t4.825-.937T19 15q0-.325-.25-.687T18 13.6v-2.325q1.45.725 2.225 1.688T21 15q0 2.075-2.625 3.538T12 20"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsOnsen(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="M6.75 13q.125-.375.188-.712T7 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T4.725 4H6.75q-.125.575-.162.95t-.038.7q0 .925.388 1.537T7.775 8.4t.838 1.325T9 11.6q0 .35-.05.7t-.15.7zm4 0q.125-.375.188-.712T11 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T8.725 4h2.025q-.125.575-.175.95t-.05.7q0 .925.387 1.537T11.75 8.4t.838 1.325t.387 1.875q0 .35-.038.7t-.137.7zm4 0q.125-.375.188-.712T15 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T12.725 4h2.025q-.125.575-.175.95t-.05.7q0 .925.387 1.537T15.75 8.4t.838 1.325t.387 1.875q0 .35-.038.7t-.137.7zM12 20q-3.725 0-6.363-1.463T3 15q0-1.075.775-2.037T6 11.275V13.6q-.5.35-.75.713T5 15q0 1.125 2.175 2.063T12 18t4.825-.937T19 15q0-.325-.25-.687T18 13.6v-2.325q1.45.725 2.225 1.688T21 15q0 2.075-2.625 3.538T12 20"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.75 13q.125-.375.188-.712T7 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T4.725 4H6.75q-.125.575-.162.95t-.038.7q0 .925.388 1.537T7.775 8.4t.838 1.325T9 11.6q0 .35-.05.7t-.15.7zm4 0q.125-.375.188-.712T11 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T8.725 4h2.025q-.125.575-.175.95t-.05.7q0 .925.387 1.537T11.75 8.4t.838 1.325t.387 1.875q0 .35-.038.7t-.137.7zm4 0q.125-.375.188-.712T15 11.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T12.725 4h2.025q-.125.575-.175.95t-.05.7q0 .925.387 1.537T15.75 8.4t.838 1.325t.387 1.875q0 .35-.038.7t-.137.7zM12 20q-3.725 0-6.363-1.463T3 15q0-1.075.775-2.037T6 11.275V13.6q-.5.35-.75.713T5 15q0 1.125 2.175 2.063T12 18t4.825-.937T19 15q0-.325-.25-.687T18 13.6v-2.325q1.45.725 2.225 1.688T21 15q0 2.075-2.625 3.538T12 20"/></svg>
</template>

CSS

.icon-onsen {
  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%22M6.75%2013q.125-.375.188-.712T7%2011.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T4.725%204H6.75q-.125.575-.162.95t-.038.7q0%20.925.388%201.537T7.775%208.4t.838%201.325T9%2011.6q0%20.35-.05.7t-.15.7zm4%200q.125-.375.188-.712T11%2011.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T8.725%204h2.025q-.125.575-.175.95t-.05.7q0%20.925.387%201.537T11.75%208.4t.838%201.325t.387%201.875q0%20.35-.038.7t-.137.7zm4%200q.125-.375.188-.712T15%2011.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T12.725%204h2.025q-.125.575-.175.95t-.05.7q0%20.925.387%201.537T15.75%208.4t.838%201.325t.387%201.875q0%20.35-.038.7t-.137.7zM12%2020q-3.725%200-6.363-1.463T3%2015q0-1.075.775-2.037T6%2011.275V13.6q-.5.35-.75.713T5%2015q0%201.125%202.175%202.063T12%2018t4.825-.937T19%2015q0-.325-.25-.687T18%2013.6v-2.325q1.45.725%202.225%201.688T21%2015q0%202.075-2.625%203.538T12%2020%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%22M6.75%2013q.125-.375.188-.712T7%2011.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T4.725%204H6.75q-.125.575-.162.95t-.038.7q0%20.925.388%201.537T7.775%208.4t.838%201.325T9%2011.6q0%20.35-.05.7t-.15.7zm4%200q.125-.375.188-.712T11%2011.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T8.725%204h2.025q-.125.575-.175.95t-.05.7q0%20.925.387%201.537T11.75%208.4t.838%201.325t.387%201.875q0%20.35-.038.7t-.137.7zm4%200q.125-.375.188-.712T15%2011.55q0-.75-.375-1.3t-.85-1.175t-.85-1.388t-.375-1.962q0-.375.038-.8T12.725%204h2.025q-.125.575-.175.95t-.05.7q0%20.925.387%201.537T15.75%208.4t.838%201.325t.387%201.875q0%20.35-.038.7t-.137.7zM12%2020q-3.725%200-6.363-1.463T3%2015q0-1.075.775-2.037T6%2011.275V13.6q-.5.35-.75.713T5%2015q0%201.125%202.175%202.063T12%2018t4.825-.937T19%2015q0-.325-.25-.687T18%2013.6v-2.325q1.45.725%202.225%201.688T21%2015q0%202.075-2.625%203.538T12%2020%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/onsen.svg?color=%231a73e8&size=48