toilet paper icon
toilet-paper-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- toilet-paper-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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 24 24"><path fill="currentColor" d="m21 20l-.164.986A1 1 0 0 0 22 20zM9 20H8a1 1 0 0 0 1.316.949zm6 0l-.316.949a1 1 0 0 0 .48.037zm-3-1l.316-.949a1 1 0 0 0-.632 0zm6 .5l.164-.986a1 1 0 0 0-.328 0zm-9-9H8c0 1.684-.317 3.16-.787 4.177C6.705 15.78 6.203 16 6 16v2c1.454 0 2.452-1.235 3.03-2.485c.615-1.335.97-3.109.97-5.015zM6 17v-1c-.203 0-.705-.22-1.213-1.323C4.317 13.66 4 12.184 4 10.5H2c0 1.906.355 3.68.97 5.015C3.549 16.765 4.547 18 6 18zm-3-6.5h1c0-1.684.317-3.16.787-4.177C5.295 5.22 5.797 5 6 5V3C4.546 3 3.548 4.235 2.97 5.485C2.356 6.82 2 8.594 2 10.5zM6 4v1c.203 0 .705.22 1.213 1.323C7.683 7.34 8 8.816 8 10.5h2c0-1.906-.355-3.68-.97-5.015C8.451 4.235 7.453 3 6 3zm12 0v1c.203 0 .705.22 1.213 1.323c.47 1.017.787 2.493.787 4.177h2c0-1.906-.355-3.68-.97-5.015C20.451 4.235 19.453 3 18 3zm0 0V3H6v2h12zm3 6.5h-1V20h2v-9.5zM9 20h1v-9.5H8V20zm6 0l.316-.949l-3-1L12 19l-.316.949l3 1zm-3-1l-.316-.949l-3 1L9 20l.316.949l3-1zm9 1l.164-.986l-3-.5L18 19.5l-.164.986l3 .5zm-3-.5l-.164-.986l-3 .5L15 20l.164.986l3-.5z"/><ellipse cx="6" cy="10.5" fill="currentColor" rx="1" ry="2"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteToiletPaperLine(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="m21 20l-.164.986A1 1 0 0 0 22 20zM9 20H8a1 1 0 0 0 1.316.949zm6 0l-.316.949a1 1 0 0 0 .48.037zm-3-1l.316-.949a1 1 0 0 0-.632 0zm6 .5l.164-.986a1 1 0 0 0-.328 0zm-9-9H8c0 1.684-.317 3.16-.787 4.177C6.705 15.78 6.203 16 6 16v2c1.454 0 2.452-1.235 3.03-2.485c.615-1.335.97-3.109.97-5.015zM6 17v-1c-.203 0-.705-.22-1.213-1.323C4.317 13.66 4 12.184 4 10.5H2c0 1.906.355 3.68.97 5.015C3.549 16.765 4.547 18 6 18zm-3-6.5h1c0-1.684.317-3.16.787-4.177C5.295 5.22 5.797 5 6 5V3C4.546 3 3.548 4.235 2.97 5.485C2.356 6.82 2 8.594 2 10.5zM6 4v1c.203 0 .705.22 1.213 1.323C7.683 7.34 8 8.816 8 10.5h2c0-1.906-.355-3.68-.97-5.015C8.451 4.235 7.453 3 6 3zm12 0v1c.203 0 .705.22 1.213 1.323c.47 1.017.787 2.493.787 4.177h2c0-1.906-.355-3.68-.97-5.015C20.451 4.235 19.453 3 18 3zm0 0V3H6v2h12zm3 6.5h-1V20h2v-9.5zM9 20h1v-9.5H8V20zm6 0l.316-.949l-3-1L12 19l-.316.949l3 1zm-3-1l-.316-.949l-3 1L9 20l.316.949l3-1zm9 1l.164-.986l-3-.5L18 19.5l-.164.986l3 .5zm-3-.5l-.164-.986l-3 .5L15 20l.164.986l3-.5z"/><ellipse cx="6" cy="10.5" fill="currentColor" rx="1" ry="2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m21 20l-.164.986A1 1 0 0 0 22 20zM9 20H8a1 1 0 0 0 1.316.949zm6 0l-.316.949a1 1 0 0 0 .48.037zm-3-1l.316-.949a1 1 0 0 0-.632 0zm6 .5l.164-.986a1 1 0 0 0-.328 0zm-9-9H8c0 1.684-.317 3.16-.787 4.177C6.705 15.78 6.203 16 6 16v2c1.454 0 2.452-1.235 3.03-2.485c.615-1.335.97-3.109.97-5.015zM6 17v-1c-.203 0-.705-.22-1.213-1.323C4.317 13.66 4 12.184 4 10.5H2c0 1.906.355 3.68.97 5.015C3.549 16.765 4.547 18 6 18zm-3-6.5h1c0-1.684.317-3.16.787-4.177C5.295 5.22 5.797 5 6 5V3C4.546 3 3.548 4.235 2.97 5.485C2.356 6.82 2 8.594 2 10.5zM6 4v1c.203 0 .705.22 1.213 1.323C7.683 7.34 8 8.816 8 10.5h2c0-1.906-.355-3.68-.97-5.015C8.451 4.235 7.453 3 6 3zm12 0v1c.203 0 .705.22 1.213 1.323c.47 1.017.787 2.493.787 4.177h2c0-1.906-.355-3.68-.97-5.015C20.451 4.235 19.453 3 18 3zm0 0V3H6v2h12zm3 6.5h-1V20h2v-9.5zM9 20h1v-9.5H8V20zm6 0l.316-.949l-3-1L12 19l-.316.949l3 1zm-3-1l-.316-.949l-3 1L9 20l.316.949l3-1zm9 1l.164-.986l-3-.5L18 19.5l-.164.986l3 .5zm-3-.5l-.164-.986l-3 .5L15 20l.164.986l3-.5z"/><ellipse cx="6" cy="10.5" fill="currentColor" rx="1" ry="2"/></svg> </template>
CSS
.icon-toilet-paper-line {
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%22m21%2020l-.164.986A1%201%200%200%200%2022%2020zM9%2020H8a1%201%200%200%200%201.316.949zm6%200l-.316.949a1%201%200%200%200%20.48.037zm-3-1l.316-.949a1%201%200%200%200-.632%200zm6%20.5l.164-.986a1%201%200%200%200-.328%200zm-9-9H8c0%201.684-.317%203.16-.787%204.177C6.705%2015.78%206.203%2016%206%2016v2c1.454%200%202.452-1.235%203.03-2.485c.615-1.335.97-3.109.97-5.015zM6%2017v-1c-.203%200-.705-.22-1.213-1.323C4.317%2013.66%204%2012.184%204%2010.5H2c0%201.906.355%203.68.97%205.015C3.549%2016.765%204.547%2018%206%2018zm-3-6.5h1c0-1.684.317-3.16.787-4.177C5.295%205.22%205.797%205%206%205V3C4.546%203%203.548%204.235%202.97%205.485C2.356%206.82%202%208.594%202%2010.5zM6%204v1c.203%200%20.705.22%201.213%201.323C7.683%207.34%208%208.816%208%2010.5h2c0-1.906-.355-3.68-.97-5.015C8.451%204.235%207.453%203%206%203zm12%200v1c.203%200%20.705.22%201.213%201.323c.47%201.017.787%202.493.787%204.177h2c0-1.906-.355-3.68-.97-5.015C20.451%204.235%2019.453%203%2018%203zm0%200V3H6v2h12zm3%206.5h-1V20h2v-9.5zM9%2020h1v-9.5H8V20zm6%200l.316-.949l-3-1L12%2019l-.316.949l3%201zm-3-1l-.316-.949l-3%201L9%2020l.316.949l3-1zm9%201l.164-.986l-3-.5L18%2019.5l-.164.986l3%20.5zm-3-.5l-.164-.986l-3%20.5L15%2020l.164.986l3-.5z%22%2F%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2210.5%22%20fill%3D%22currentColor%22%20rx%3D%221%22%20ry%3D%222%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%22m21%2020l-.164.986A1%201%200%200%200%2022%2020zM9%2020H8a1%201%200%200%200%201.316.949zm6%200l-.316.949a1%201%200%200%200%20.48.037zm-3-1l.316-.949a1%201%200%200%200-.632%200zm6%20.5l.164-.986a1%201%200%200%200-.328%200zm-9-9H8c0%201.684-.317%203.16-.787%204.177C6.705%2015.78%206.203%2016%206%2016v2c1.454%200%202.452-1.235%203.03-2.485c.615-1.335.97-3.109.97-5.015zM6%2017v-1c-.203%200-.705-.22-1.213-1.323C4.317%2013.66%204%2012.184%204%2010.5H2c0%201.906.355%203.68.97%205.015C3.549%2016.765%204.547%2018%206%2018zm-3-6.5h1c0-1.684.317-3.16.787-4.177C5.295%205.22%205.797%205%206%205V3C4.546%203%203.548%204.235%202.97%205.485C2.356%206.82%202%208.594%202%2010.5zM6%204v1c.203%200%20.705.22%201.213%201.323C7.683%207.34%208%208.816%208%2010.5h2c0-1.906-.355-3.68-.97-5.015C8.451%204.235%207.453%203%206%203zm12%200v1c.203%200%20.705.22%201.213%201.323c.47%201.017.787%202.493.787%204.177h2c0-1.906-.355-3.68-.97-5.015C20.451%204.235%2019.453%203%2018%203zm0%200V3H6v2h12zm3%206.5h-1V20h2v-9.5zM9%2020h1v-9.5H8V20zm6%200l.316-.949l-3-1L12%2019l-.316.949l3%201zm-3-1l-.316-.949l-3%201L9%2020l.316.949l3-1zm9%201l.164-.986l-3-.5L18%2019.5l-.164.986l3%20.5zm-3-.5l-.164-.986l-3%20.5L15%2020l.164.986l3-.5z%22%2F%3E%3Cellipse%20cx%3D%226%22%20cy%3D%2210.5%22%20fill%3D%22currentColor%22%20rx%3D%221%22%20ry%3D%222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/toilet-paper-line.svg?color=%231a73e8&size=48
