toilet paper icon
toilet-paper from Unicons Monochrome by Iconscout · Monochrome · Medical · Apache-2.0 Free for personal and commercial use.
- Name
- toilet-paper
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Medical
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More medical icons from Unicons Monochrome
Use the toilet paper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><ellipse cx="7" cy="7.993" fill="currentColor" rx="1" ry="1.25"/><path fill="currentColor" d="M7 2C4.243 2 2 4.691 2 8s2.243 6 5 6s5-2.691 5-6s-2.243-6-5-6m0 7.243a1.146 1.146 0 0 1-1-1.25a1.146 1.146 0 0 1 1-1.25a1.146 1.146 0 0 1 1 1.25a1.146 1.146 0 0 1-1 1.25" opacity=".5"/><path fill="currentColor" d="M22.76 20.35A7.5 7.5 0 0 1 21 15.459V8c0-3.309-2.243-6-5-6H7c2.757 0 5 2.691 5 6v7.459a9.5 9.5 0 0 0 2.24 6.191A1 1 0 0 0 15 22h7a1 1 0 0 0 .76-1.65" opacity=".25"/><path fill="currentColor" d="M12 8c0 3.309-2.243 6-5 6h5Z"/></svg>
React
import type { SVGProps } from "react";
export function UimToiletPaper(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><ellipse cx="7" cy="7.993" fill="currentColor" rx="1" ry="1.25"/><path fill="currentColor" d="M7 2C4.243 2 2 4.691 2 8s2.243 6 5 6s5-2.691 5-6s-2.243-6-5-6m0 7.243a1.146 1.146 0 0 1-1-1.25a1.146 1.146 0 0 1 1-1.25a1.146 1.146 0 0 1 1 1.25a1.146 1.146 0 0 1-1 1.25" opacity=".5"/><path fill="currentColor" d="M22.76 20.35A7.5 7.5 0 0 1 21 15.459V8c0-3.309-2.243-6-5-6H7c2.757 0 5 2.691 5 6v7.459a9.5 9.5 0 0 0 2.24 6.191A1 1 0 0 0 15 22h7a1 1 0 0 0 .76-1.65" opacity=".25"/><path fill="currentColor" d="M12 8c0 3.309-2.243 6-5 6h5Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><ellipse cx="7" cy="7.993" fill="currentColor" rx="1" ry="1.25"/><path fill="currentColor" d="M7 2C4.243 2 2 4.691 2 8s2.243 6 5 6s5-2.691 5-6s-2.243-6-5-6m0 7.243a1.146 1.146 0 0 1-1-1.25a1.146 1.146 0 0 1 1-1.25a1.146 1.146 0 0 1 1 1.25a1.146 1.146 0 0 1-1 1.25" opacity=".5"/><path fill="currentColor" d="M22.76 20.35A7.5 7.5 0 0 1 21 15.459V8c0-3.309-2.243-6-5-6H7c2.757 0 5 2.691 5 6v7.459a9.5 9.5 0 0 0 2.24 6.191A1 1 0 0 0 15 22h7a1 1 0 0 0 .76-1.65" opacity=".25"/><path fill="currentColor" d="M12 8c0 3.309-2.243 6-5 6h5Z"/></svg> </template>
CSS
.icon-toilet-paper {
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%3Cellipse%20cx%3D%227%22%20cy%3D%227.993%22%20fill%3D%22currentColor%22%20rx%3D%221%22%20ry%3D%221.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%202C4.243%202%202%204.691%202%208s2.243%206%205%206s5-2.691%205-6s-2.243-6-5-6m0%207.243a1.146%201.146%200%200%201-1-1.25a1.146%201.146%200%200%201%201-1.25a1.146%201.146%200%200%201%201%201.25a1.146%201.146%200%200%201-1%201.25%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.76%2020.35A7.5%207.5%200%200%201%2021%2015.459V8c0-3.309-2.243-6-5-6H7c2.757%200%205%202.691%205%206v7.459a9.5%209.5%200%200%200%202.24%206.191A1%201%200%200%200%2015%2022h7a1%201%200%200%200%20.76-1.65%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%208c0%203.309-2.243%206-5%206h5Z%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%3Cellipse%20cx%3D%227%22%20cy%3D%227.993%22%20fill%3D%22currentColor%22%20rx%3D%221%22%20ry%3D%221.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%202C4.243%202%202%204.691%202%208s2.243%206%205%206s5-2.691%205-6s-2.243-6-5-6m0%207.243a1.146%201.146%200%200%201-1-1.25a1.146%201.146%200%200%201%201-1.25a1.146%201.146%200%200%201%201%201.25a1.146%201.146%200%200%201-1%201.25%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.76%2020.35A7.5%207.5%200%200%201%2021%2015.459V8c0-3.309-2.243-6-5-6H7c2.757%200%205%202.691%205%206v7.459a9.5%209.5%200%200%200%202.24%206.191A1%201%200%200%200%2015%2022h7a1%201%200%200%200%20.76-1.65%22%20opacity%3D%22.25%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%208c0%203.309-2.243%206-5%206h5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/toilet-paper.svg?color=%231a73e8&size=48
