onsen icon
onsen-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- onsen-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- onsen-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
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="M5.775 9.075q-.55-.725-.888-1.575T4.55 5.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.038.313t-.012.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.738-.287T6.975 12Q7 11.875 7 11.775v-.225q0-.725-.4-1.312t-.825-1.163m4 0q-.55-.725-.888-1.575T8.55 5.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.037.313t-.013.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163m4 0q-.55-.725-.888-1.575t-.337-1.775v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.037.313t-.013.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163M12 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 MaterialSymbolsOnsenRounded(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="M5.775 9.075q-.55-.725-.888-1.575T4.55 5.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.038.313t-.012.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.738-.287T6.975 12Q7 11.875 7 11.775v-.225q0-.725-.4-1.312t-.825-1.163m4 0q-.55-.725-.888-1.575T8.55 5.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.037.313t-.013.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163m4 0q-.55-.725-.888-1.575t-.337-1.775v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.037.313t-.013.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163M12 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="M5.775 9.075q-.55-.725-.888-1.575T4.55 5.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.038.313t-.012.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.738-.287T6.975 12Q7 11.875 7 11.775v-.225q0-.725-.4-1.312t-.825-1.163m4 0q-.55-.725-.888-1.575T8.55 5.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.037.313t-.013.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163m4 0q-.55-.725-.888-1.575t-.337-1.775v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45 0 .75.3t.25.725q-.025.15-.037.313t-.013.312q0 .775.375 1.45t.85 1.3q.525.725.875 1.525t.35 1.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163M12 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-rounded {
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%22M5.775%209.075q-.55-.725-.888-1.575T4.55%205.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45%200%20.75.3t.25.725q-.025.15-.038.313t-.012.312q0%20.775.375%201.45t.85%201.3q.525.725.875%201.525t.35%201.675v.375q-.025.425-.3.725t-.7.3t-.738-.287T6.975%2012Q7%2011.875%207%2011.775v-.225q0-.725-.4-1.312t-.825-1.163m4%200q-.55-.725-.888-1.575T8.55%205.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45%200%20.75.3t.25.725q-.025.15-.037.313t-.013.312q0%20.775.375%201.45t.85%201.3q.525.725.875%201.525t.35%201.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163m4%200q-.55-.725-.888-1.575t-.337-1.775v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45%200%20.75.3t.25.725q-.025.15-.037.313t-.013.312q0%20.775.375%201.45t.85%201.3q.525.725.875%201.525t.35%201.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163M12%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%22M5.775%209.075q-.55-.725-.888-1.575T4.55%205.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45%200%20.75.3t.25.725q-.025.15-.038.313t-.012.312q0%20.775.375%201.45t.85%201.3q.525.725.875%201.525t.35%201.675v.375q-.025.425-.3.725t-.7.3t-.738-.287T6.975%2012Q7%2011.875%207%2011.775v-.225q0-.725-.4-1.312t-.825-1.163m4%200q-.55-.725-.888-1.575T8.55%205.725v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45%200%20.75.3t.25.725q-.025.15-.037.313t-.013.312q0%20.775.375%201.45t.85%201.3q.525.725.875%201.525t.35%201.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163m4%200q-.55-.725-.888-1.575t-.337-1.775v-.35q0-.175.025-.35q.05-.425.313-.725t.687-.3q.45%200%20.75.3t.25.725q-.025.15-.037.313t-.013.312q0%20.775.375%201.45t.85%201.3q.525.725.875%201.525t.35%201.675v.375q-.025.425-.3.725t-.7.3t-.737-.287t-.263-.713q.025-.125.025-.225v-.225q0-.725-.4-1.312t-.825-1.163M12%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-rounded.svg?color=%231a73e8&size=48
