Toilet Paper Outline アイコン
healthicons:toilet-paper-outline
Toilet Paper Outline アイコン(healthicons:toilet-paper-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- デバイス
- タグ
- toiletpaper、paperoutline、toiletpaperoutline、toilet paper2x outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M21.304 11.65c.012.037.088.221.542.453c.505.258 1.273.447 2.176.447s1.67-.189 2.176-.447c.454-.232.53-.416.542-.453c-.012-.036-.088-.22-.542-.453c-.505-.258-1.273-.447-2.176-.447s-1.67.19-2.176.447c-.454.232-.53.417-.542.453m-.367-2.234c.84-.43 1.933-.666 3.085-.666s2.245.237 3.086.666c.787.402 1.635 1.138 1.635 2.234s-.848 1.832-1.635 2.234c-.841.43-1.934.666-3.086.666s-2.244-.236-3.085-.666c-.788-.402-1.636-1.137-1.636-2.234s.848-1.832 1.636-2.234" clip-rule="evenodd"/><path fill-rule="evenodd" d="M15.269 7.838C13.026 8.984 12 10.386 12 11.65c0 1.265 1.026 2.667 3.269 3.812c2.188 1.118 5.282 1.838 8.753 1.838s6.565-.72 8.753-1.838c2.243-1.145 3.27-2.547 3.27-3.812s-1.027-2.666-3.27-3.812C30.587 6.721 27.494 6 24.022 6c-3.471 0-6.564.72-8.753 1.838m-.91-1.78C16.884 4.767 20.302 4 24.022 4s7.139.768 9.663 2.057c2.47 1.262 4.36 3.185 4.36 5.593s-1.89 4.332-4.36 5.593c-2.525 1.29-5.942 2.057-9.663 2.057s-7.138-.768-9.663-2.057C11.89 15.982 10 14.058 10 11.65s1.889-4.331 4.36-5.593" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 36.351v-24.7h-2v24.7c0 2.408 1.889 4.331 4.36 5.593c2.524 1.29 5.942 2.057 9.662 2.057c2.546 0 4.951-.36 7.024-1h-7.024v-1c-3.471 0-6.564-.72-8.753-1.838C13.026 39.018 12 37.616 12 36.35m20.846 3.775l.478.975l-.64 1.307q.52-.218 1.001-.464c2.47-1.262 4.36-3.185 4.36-5.593v-24.7h-2v24.7c0 1.251-1.005 2.637-3.199 3.775" clip-rule="evenodd"/><path d="M15.79 21.3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 7.6a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 7.6a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-11.4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 7.6a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill-rule="evenodd" d="M23.022 18.3a1 1 0 0 1 1-1h9.302a1 1 0 0 1 .898 1.44l-.715 1.46l.715 1.461a1 1 0 0 1 0 .88L33.507 24l.715 1.46a1 1 0 0 1 0 .88l-.715 1.46l.715 1.46a1 1 0 0 1 0 .88l-.715 1.46l.715 1.46a1 1 0 0 1 0 .88l-.715 1.46l.715 1.46a1 1 0 0 1 0 .88l-.715 1.46l.715 1.46a1 1 0 0 1 0 .88l-.93 1.9a1 1 0 0 1-.898.56h-8.372a1 1 0 0 1 0-2h7.748l.44-.9l-.715-1.46a1 1 0 0 1 0-.88l.715-1.46l-.715-1.46a1 1 0 0 1 0-.88l.715-1.46l-.715-1.46a1 1 0 0 1 0-.88l.715-1.46l-.715-1.46a1 1 0 0 1 0-.88l.715-1.46l-.715-1.46a1 1 0 0 1 0-.88l.715-1.46l-.715-1.46a1 1 0 0 1 0-.88l.226-.46h-7.699a1 1 0 0 1-1-1" clip-rule="evenodd"/></g></svg>Toilet Paper Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:toilet-paper-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:toilet-paper-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:toilet-paper-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--toilet-paper-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:toilet-paper-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:toilet-paper-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/toilet-paper-outline.svg" alt="Toilet Paper Outline アイコン" width="24" height="24">Health Icons の関連アイコン
Toilet Paper Outline アイコン のよくある質問
Toilet Paper Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Toilet Paper Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:toilet-paper-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Toilet Paper Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/toilet-paper-outline.svg" alt="Toilet Paper Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。