Restroom Outline アイコン

Q: Restroom Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:restroom-outline

Restroom Outline アイコン(glyphs:restroom-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: restroomoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M24.977 22.049A9.208 9.208 0 1 1 7.023 17.95a9.208 9.208 0 0 1 17.954 4.098m-14.054-.89a5.208 5.208 0 1 0 10.155-2.318a5.208 5.208 0 0 0-10.155 2.318" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M39 11.135a2 2 0 0 1 2 2v55a2 2 0 1 1-4 0v-55a2 2 0 0 1 2-2"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M3 38.666A8.667 8.667 0 0 1 11.667 30h8.666A8.667 8.667 0 0 1 29 38.666v10A5.333 5.333 0 0 1 23.667 54H23v12a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V54h-.667A5.333 5.333 0 0 1 3 48.666zM11.667 34A4.667 4.667 0 0 0 7 38.666v10C7 49.403 7.597 50 8.333 50H11a2 2 0 0 1 2 2v14h6V52a2 2 0 0 1 2-2h2.667c.736 0 1.333-.597 1.333-1.334v-10A4.667 4.667 0 0 0 20.333 34zm44.717-1.037a8.555 8.555 0 0 1 12.948 0l.12.139a9 9 0 0 1 1.742 3.094L76.6 52.887A2.38 2.38 0 0 1 74.336 56H70v10a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V56h-4.62a2.38 2.38 0 0 1-2.264-3.113l5.406-16.691a9 9 0 0 1 1.742-3.094zM62.858 34a4.56 4.56 0 0 0-3.447 1.578l-.12.138c-.432.5-.76 1.083-.964 1.712L53.608 52H58a2 2 0 0 1 2 2v12h6V54a2 2 0 0 1 2-2h4.108l-4.72-14.572a5 5 0 0 0-.963-1.712l-.12-.139A4.56 4.56 0 0 0 62.858 34" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M66.995 28.296a9.208 9.208 0 1 1-7.99-16.592a9.208 9.208 0 0 1 7.99 16.592m-6.255-3.604a5.208 5.208 0 1 0 4.52-9.385a5.208 5.208 0 0 0-4.52 9.385" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.977 22.049A9.208 9.208 0 1 1 7.023 17.95a9.208 9.208 0 0 1 17.954 4.098m-14.054-.89a5.208 5.208 0 1 0 10.155-2.318a5.208 5.208 0 0 0-10.155 2.318" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39 11.135a2 2 0 0 1 2 2v55a2 2 0 1 1-4 0v-55a2 2 0 0 1 2-2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3 38.666A8.667 8.667 0 0 1 11.667 30h8.666A8.667 8.667 0 0 1 29 38.666v10A5.333 5.333 0 0 1 23.667 54H23v12a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V54h-.667A5.333 5.333 0 0 1 3 48.666zM11.667 34A4.667 4.667 0 0 0 7 38.666v10C7 49.403 7.597 50 8.333 50H11a2 2 0 0 1 2 2v14h6V52a2 2 0 0 1 2-2h2.667c.736 0 1.333-.597 1.333-1.334v-10A4.667 4.667 0 0 0 20.333 34zm44.717-1.037a8.555 8.555 0 0 1 12.948 0l.12.139a9 9 0 0 1 1.742 3.094L76.6 52.887A2.38 2.38 0 0 1 74.336 56H70v10a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V56h-4.62a2.38 2.38 0 0 1-2.264-3.113l5.406-16.691a9 9 0 0 1 1.742-3.094zM62.858 34a4.56 4.56 0 0 0-3.447 1.578l-.12.138c-.432.5-.76 1.083-.964 1.712L53.608 52H58a2 2 0 0 1 2 2v12h6V54a2 2 0 0 1 2-2h4.108l-4.72-14.572a5 5 0 0 0-.963-1.712l-.12-.139A4.56 4.56 0 0 0 62.858 34" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M66.995 28.296a9.208 9.208 0 1 1-7.99-16.592a9.208 9.208 0 0 1 7.99 16.592m-6.255-3.604a5.208 5.208 0 1 0 4.52-9.385a5.208 5.208 0 0 0-4.52 9.385" clip-rule="evenodd"/></g></svg>

Restroom Outline アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:restroom-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:restroom-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:restroom-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--restroom-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:restroom-outline"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:restroom-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Restroom Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Restroom Outline アイコンのよくある質問

Restroom Outline アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Restroom Outline アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:restroom-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Restroom Outline アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Restroom Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →