toilet paper icon
toilet-paper-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- toilet-paper-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the toilet paper icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M74 120a10 10 0 1 1-10-10a10 10 0 0 1 10 10m164 0v88a14 14 0 0 1-14 14H112a14 14 0 0 1-14-14v-29.52C89.65 195.49 77.6 206 64 206c-25.79 0-46-37.78-46-86s20.21-86 46-86h128c25.79 0 46 37.78 46 86m-140 0c0-44.26-17.58-74-34-74s-34 29.74-34 74s17.58 74 34 74s34-29.73 34-74m128 88v-82h-18a6 6 0 0 1 0-12h17.88c-1.51-40.92-18.21-68-33.88-68H87.76c12.57 13.92 21.09 38.74 22.12 68H128a6 6 0 0 1 0 12h-18v82a2 2 0 0 0 2 2h112a2 2 0 0 0 2-2m-50-94h-16a6 6 0 0 0 0 12h16a6 6 0 0 0 0-12"/></svg>
React
import type { SVGProps } from "react";
export function PhToiletPaperLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M74 120a10 10 0 1 1-10-10a10 10 0 0 1 10 10m164 0v88a14 14 0 0 1-14 14H112a14 14 0 0 1-14-14v-29.52C89.65 195.49 77.6 206 64 206c-25.79 0-46-37.78-46-86s20.21-86 46-86h128c25.79 0 46 37.78 46 86m-140 0c0-44.26-17.58-74-34-74s-34 29.74-34 74s17.58 74 34 74s34-29.73 34-74m128 88v-82h-18a6 6 0 0 1 0-12h17.88c-1.51-40.92-18.21-68-33.88-68H87.76c12.57 13.92 21.09 38.74 22.12 68H128a6 6 0 0 1 0 12h-18v82a2 2 0 0 0 2 2h112a2 2 0 0 0 2-2m-50-94h-16a6 6 0 0 0 0 12h16a6 6 0 0 0 0-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M74 120a10 10 0 1 1-10-10a10 10 0 0 1 10 10m164 0v88a14 14 0 0 1-14 14H112a14 14 0 0 1-14-14v-29.52C89.65 195.49 77.6 206 64 206c-25.79 0-46-37.78-46-86s20.21-86 46-86h128c25.79 0 46 37.78 46 86m-140 0c0-44.26-17.58-74-34-74s-34 29.74-34 74s17.58 74 34 74s34-29.73 34-74m128 88v-82h-18a6 6 0 0 1 0-12h17.88c-1.51-40.92-18.21-68-33.88-68H87.76c12.57 13.92 21.09 38.74 22.12 68H128a6 6 0 0 1 0 12h-18v82a2 2 0 0 0 2 2h112a2 2 0 0 0 2-2m-50-94h-16a6 6 0 0 0 0 12h16a6 6 0 0 0 0-12"/></svg> </template>
CSS
.icon-toilet-paper-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M74%20120a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m164%200v88a14%2014%200%200%201-14%2014H112a14%2014%200%200%201-14-14v-29.52C89.65%20195.49%2077.6%20206%2064%20206c-25.79%200-46-37.78-46-86s20.21-86%2046-86h128c25.79%200%2046%2037.78%2046%2086m-140%200c0-44.26-17.58-74-34-74s-34%2029.74-34%2074s17.58%2074%2034%2074s34-29.73%2034-74m128%2088v-82h-18a6%206%200%200%201%200-12h17.88c-1.51-40.92-18.21-68-33.88-68H87.76c12.57%2013.92%2021.09%2038.74%2022.12%2068H128a6%206%200%200%201%200%2012h-18v82a2%202%200%200%200%202%202h112a2%202%200%200%200%202-2m-50-94h-16a6%206%200%200%200%200%2012h16a6%206%200%200%200%200-12%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M74%20120a10%2010%200%201%201-10-10a10%2010%200%200%201%2010%2010m164%200v88a14%2014%200%200%201-14%2014H112a14%2014%200%200%201-14-14v-29.52C89.65%20195.49%2077.6%20206%2064%20206c-25.79%200-46-37.78-46-86s20.21-86%2046-86h128c25.79%200%2046%2037.78%2046%2086m-140%200c0-44.26-17.58-74-34-74s-34%2029.74-34%2074s17.58%2074%2034%2074s34-29.73%2034-74m128%2088v-82h-18a6%206%200%200%201%200-12h17.88c-1.51-40.92-18.21-68-33.88-68H87.76c12.57%2013.92%2021.09%2038.74%2022.12%2068H128a6%206%200%200%201%200%2012h-18v82a2%202%200%200%200%202%202h112a2%202%200%200%200%202-2m-50-94h-16a6%206%200%200%200%200%2012h16a6%206%200%200%200%200-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/toilet-paper-light.svg?color=%231a73e8&size=48
