Cloakroom icon

cbi:cloakroom

The Cloakroom icon (cbi:cloakroom) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 2v20h20V2Zm19.7 19.643l-19.333-.032L2.3 6.693l1.139.33a5 5 0 0 1 .061-.515a.6.6 0 0 1 .1-.252c0-.183.049-.326.1-.326s.094.136.1.312a1.3 1.3 0 0 1 .186.457q.059.2.153.479l.166.037l-.074-.488a1 1 0 0 1-.031-.184l-.036-.24l.041.032c.015-.138.052-.235.1-.235s.1.164.1.366v.018l.272.205l.008.017l.019.038l.27.559h2.9l-.194.696l-.725 2.955l-.35.994l.315 1.52a.54.54 0 0 0 .235.347a.48.48 0 0 0 .373.065L9 13.541a.4.4 0 0 0 .079-.025a.55.55 0 0 0 .318-.583l-.247-1.746l-.124-.7L8.464 7.3h.66a3.3 3.3 0 0 0 .182 1.3a5 5 0 0 1 .207 1.09a2 2 0 0 1-.086.624l.153.863l.247 1.748a.6.6 0 0 1-.414.669c-.142.309-.328.648-.521 1.01c-.492.923-.018.717-.181 1.349c-.171.662-.089 1.562.414 1.712a.97.97 0 0 0 .932-.342c.138-.2.058-.4 0-.645a2.26 2.26 0 0 1 .1-1.591c.1 0 .074 1.193.466 1.249c.235.033.563-.352.7-.7c.157-.408.026-.69-.1-1.25a8.5 8.5 0 0 1-.207-1.811c-.018-.745.093-.75.078-1.571a11 11 0 0 0-.156-1.531a5.1 5.1 0 0 0-.491-1.893a4 4 0 0 0-.179-.271h.4v-1.5H4.7l-1.692-.6l-.709-.3V2.356H21.7ZM2.933 6.127c0-.2.046-.367.1-.367s.1.164.1.367s-.046.366-.1.366s-.1-.164-.1-.366m2.262.4c0-.2.081-.367.181-.367s.182.164.182.367s-.081.366-.182.366s-.176-.16-.176-.362Zm1.229.026c0-.2.081-.366.181-.366s.181.164.181.366s-.081.366-.181.366s-.181-.16-.181-.362Zm1.507-.026c0-.2.081-.367.181-.367s.182.164.182.367a.6.6 0 0 1-.046.242l-.158-.28l-.09.33a.57.57 0 0 1-.069-.288Zm.4.773L9 11.372l-2.1.44L7.976 7.3Zm-.256-.415l.034-.143l.071.125a.1.1 0 0 1-.067.026a.1.1 0 0 1-.039 0Zm1.28-.358c0-.2.081-.367.181-.367s.182.164.182.367a.7.7 0 0 1-.024.18a.36.36 0 0 0-.257-.066a.2.2 0 0 0-.068.026a.7.7 0 0 1-.015-.136Zm-3.42 8.156a7 7 0 0 1-.294-.708a1.8 1.8 0 0 1-.106-.83a9 9 0 0 0-.08-1.686A7.1 7.1 0 0 0 5 9.39a3.5 3.5 0 0 0-.3-.554a5.5 5.5 0 0 1-.368-.671a10 10 0 0 1-.53-1.41c-.035-.114-.07-.231-.1-.3a7.5 7.5 0 0 0-.141 1.417a21 21 0 0 0-.02 2.227a6 6 0 0 1-.023.91c-.03.464-.08 1.238-.158 2.865c-.16 3.44-.135 4.126-.126 4.347a1 1 0 0 1 0 .15a.5.5 0 0 1 .091-.074a.35.35 0 0 1 .188-.052a1.4 1.4 0 0 1 .4.1q.118.04.276.088a2.7 2.7 0 0 0 .875.177a1.1 1.1 0 0 0 .835-.364a.54.54 0 0 0 .123-.293a.55.55 0 0 0-.054-.242a.24.24 0 0 1-.007-.253a.25.25 0 0 1 .257-.06c.074.01.129.015.155-.01c.045-.044.038-.175.032-.271a1 1 0 0 0-.021-.151c-.013-.066-.027-.141.038-.19c.085-.064.18 0 .264.065l.057.04a2.7 2.7 0 0 0-.171-.663a20 20 0 0 0-.637-1.534m.365-3.557c-.276-.852-.694-2.136-.722-2.2S4.9 7.512 4.552 6.791l-.177-.133l.258 1.687c.091.174.163.288.229.392a3.7 3.7 0 0 1 .308.58a7.3 7.3 0 0 1 .47 2.12a9 9 0 0 1 .081 1.719a1.66 1.66 0 0 0 .1.76a7 7 0 0 0 .287.69c.16.349.36.784.639 1.543l.018.05l.27-.842l.205-.83l-.527-.757Zm13.002 5.733h.375l.144-2.662h-.506Zm-6.558.104h.375l.143-2.661h-.505Zm8.398-3.376l-1.439.019a.7.7 0 0 0 .219-.078c.324-.175.47-.607.422-.655c-.027-.026-.1.074-.306.165c-.158.069-.313.136-.421.06c-.093-.066-.054-.166-.185-.3c-.012-.012-.148-.147-.225-.1c-.039.024-.026.073-.075.119c-.068.064-.165.035-.167.053s.062.018.127.066a.4.4 0 0 1 .127.178c.04.1.012.138.04.225a.42.42 0 0 0 .185.219a.34.34 0 0 0 .135.047l-1.17.015a.5.5 0 0 0 .083-.07c.087-.087.242-.3.184-.462c-.123-.35-1.2-.333-1.3-.007c-.051.168.162.4.283.49a1 1 0 0 0 .089.058l-2.659.034l2.161-.036v-1.921l-2.731.06v1.908l-2.77.036v.459l9.391-.153Zm-6.563-1.755l2.614-.058v1.79l-2.614.045Zm5.451-6.547l-8.279.15v5.955l8.16-.157Zm-.565 5.537l-7.261.14V5.848l7.364-.134Zm-4.745 2.683l2.333-.04v-1.59l-2.333.054Z"/></svg>

How to use the Cloakroom icon

React

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

<Icon icon="cbi:cloakroom" width="24" />

Vue

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

<template>
  <Icon icon="cbi:cloakroom" width="24" />
</template>

Svelte

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

<Icon icon="cbi:cloakroom" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--cloakroom]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:cloakroom"></div>

Web component

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

<iconify-icon icon="cbi:cloakroom"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/cbi/cloakroom.svg" alt="Cloakroom icon" width="24" height="24">

Cloakroom icon in other icon sets

Cloakroom icon FAQ

Is the Cloakroom icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Cloakroom icon in React?

Install @iconify/react and render <Icon icon="cbi:cloakroom" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Cloakroom icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/cloakroom.svg" alt="Cloakroom icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →