toilet paper icon

toilet-paper from Line Awesome by Icons8 · Line · Household · Apache-2.0 Free for personal and commercial use.

Name
toilet-paper
Set
Line Awesome
Style
Line
Category
Household
Viewbox
32×32
License
Apache 2.0
Aliases
toilet-paper-solid

The same icon in other sets

toilet-paperElement Plustoilet-paperFont Awesome 6 Solidtoilet-paperFont Awesome Solidtoilet-paperHealth Iconstoilet-paper-fillMingCute Icontoilet-paperPhosphortoilet-paperTabler Iconstoilet-paperUniconstoilet-paperUnicons Monochrometoilet-paperUnicons Solid

More household icons from Line Awesome

chair

Use the toilet paper icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4C7.39 4 6.105 5.176 5.281 6.719S4 10.285 4 12.5V28h16v-8.625c.781.965 1.805 1.625 3 1.625c1.61 0 2.895-1.176 3.719-2.719S28 14.715 28 12.5s-.457-4.238-1.281-5.781S24.609 4 23 4zm0 2h10.719a7 7 0 0 0-.438.719C18.457 8.262 18 10.285 18 12.5c0 .172.027.332.031.5H18v13H6V12.5c0-1.926.438-3.672 1.063-4.844S8.402 6 9 6m14 0c.598 0 1.313.484 1.938 1.656S26 10.574 26 12.5s-.438 3.672-1.063 4.844C24.313 18.516 23.598 19 23 19s-1.313-.484-1.938-1.656S20 14.426 20 12.5s.438-3.672 1.063-4.844S22.402 6 23 6m0 4c-.55 0-1 1.121-1 2.5s.45 2.5 1 2.5s1-1.121 1-2.5s-.45-2.5-1-2.5M9 13c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m3 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m3 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>

React

import type { SVGProps } from "react";

export function LaToiletPaper(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4C7.39 4 6.105 5.176 5.281 6.719S4 10.285 4 12.5V28h16v-8.625c.781.965 1.805 1.625 3 1.625c1.61 0 2.895-1.176 3.719-2.719S28 14.715 28 12.5s-.457-4.238-1.281-5.781S24.609 4 23 4zm0 2h10.719a7 7 0 0 0-.438.719C18.457 8.262 18 10.285 18 12.5c0 .172.027.332.031.5H18v13H6V12.5c0-1.926.438-3.672 1.063-4.844S8.402 6 9 6m14 0c.598 0 1.313.484 1.938 1.656S26 10.574 26 12.5s-.438 3.672-1.063 4.844C24.313 18.516 23.598 19 23 19s-1.313-.484-1.938-1.656S20 14.426 20 12.5s.438-3.672 1.063-4.844S22.402 6 23 6m0 4c-.55 0-1 1.121-1 2.5s.45 2.5 1 2.5s1-1.121 1-2.5s-.45-2.5-1-2.5M9 13c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m3 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m3 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M9 4C7.39 4 6.105 5.176 5.281 6.719S4 10.285 4 12.5V28h16v-8.625c.781.965 1.805 1.625 3 1.625c1.61 0 2.895-1.176 3.719-2.719S28 14.715 28 12.5s-.457-4.238-1.281-5.781S24.609 4 23 4zm0 2h10.719a7 7 0 0 0-.438.719C18.457 8.262 18 10.285 18 12.5c0 .172.027.332.031.5H18v13H6V12.5c0-1.926.438-3.672 1.063-4.844S8.402 6 9 6m14 0c.598 0 1.313.484 1.938 1.656S26 10.574 26 12.5s-.438 3.672-1.063 4.844C24.313 18.516 23.598 19 23 19s-1.313-.484-1.938-1.656S20 14.426 20 12.5s.438-3.672 1.063-4.844S22.402 6 23 6m0 4c-.55 0-1 1.121-1 2.5s.45 2.5 1 2.5s1-1.121 1-2.5s-.45-2.5-1-2.5M9 13c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m3 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1m3 0c-.55 0-1 .45-1 1s.45 1 1 1s1-.45 1-1s-.45-1-1-1"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%204C7.39%204%206.105%205.176%205.281%206.719S4%2010.285%204%2012.5V28h16v-8.625c.781.965%201.805%201.625%203%201.625c1.61%200%202.895-1.176%203.719-2.719S28%2014.715%2028%2012.5s-.457-4.238-1.281-5.781S24.609%204%2023%204zm0%202h10.719a7%207%200%200%200-.438.719C18.457%208.262%2018%2010.285%2018%2012.5c0%20.172.027.332.031.5H18v13H6V12.5c0-1.926.438-3.672%201.063-4.844S8.402%206%209%206m14%200c.598%200%201.313.484%201.938%201.656S26%2010.574%2026%2012.5s-.438%203.672-1.063%204.844C24.313%2018.516%2023.598%2019%2023%2019s-1.313-.484-1.938-1.656S20%2014.426%2020%2012.5s.438-3.672%201.063-4.844S22.402%206%2023%206m0%204c-.55%200-1%201.121-1%202.5s.45%202.5%201%202.5s1-1.121%201-2.5s-.45-2.5-1-2.5M9%2013c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m3%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m3%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9%204C7.39%204%206.105%205.176%205.281%206.719S4%2010.285%204%2012.5V28h16v-8.625c.781.965%201.805%201.625%203%201.625c1.61%200%202.895-1.176%203.719-2.719S28%2014.715%2028%2012.5s-.457-4.238-1.281-5.781S24.609%204%2023%204zm0%202h10.719a7%207%200%200%200-.438.719C18.457%208.262%2018%2010.285%2018%2012.5c0%20.172.027.332.031.5H18v13H6V12.5c0-1.926.438-3.672%201.063-4.844S8.402%206%209%206m14%200c.598%200%201.313.484%201.938%201.656S26%2010.574%2026%2012.5s-.438%203.672-1.063%204.844C24.313%2018.516%2023.598%2019%2023%2019s-1.313-.484-1.938-1.656S20%2014.426%2020%2012.5s.438-3.672%201.063-4.844S22.402%206%2023%206m0%204c-.55%200-1%201.121-1%202.5s.45%202.5%201%202.5s1-1.121%201-2.5s-.45-2.5-1-2.5M9%2013c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m3%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1m3%200c-.55%200-1%20.45-1%201s.45%201%201%201s1-.45%201-1s-.45-1-1-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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