Intlayer Dark icon
thesvg-color:intlayer-dark
The Intlayer Dark icon (thesvg-color:intlayer-dark) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 480 × 448 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 480 × 448
- Tags
- intlayerdark
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="480" height="448" viewBox="0 0 480 448"><defs><path id="SVGx22VTcBv" d="M50 1C25.147 1 5 21.147 5 46s20.147 45 45 45h245c24.853 0 45-20.147 45-45S319.853 1 295 1zM5 221c0-24.853 20.147-45 45-45h380c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45m0 173c0-24.853 20.147-45 45-45h180c24.853 0 45 20.147 45 45s-20.147 45-45 45H50c-24.853 0-45-20.147-45-45"/></defs><g fill="#ffff"><use href="#SVGx22VTcBv"/><use href="#SVGx22VTcBv"/><path d="M6 46C6 21.7 25.7 2 50 2V0C24.595 0 4 20.595 4 46zm44 44C25.7 90 6 70.3 6 46H4c0 25.405 20.595 46 46 46zm245 0H50v2h245zm44-44c0 24.3-19.699 44-44 44v2c25.405 0 46-20.595 46-46zM295 2c24.301 0 44 19.7 44 44h2c0-25.405-20.595-46-46-46zM50 2h245V0H50zm0 173c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm380 0H50v2h380zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.301-19.699 44-44 44zm-380 0h380v-2H50zM4 221c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.699-44-44zm46 127c-25.405 0-46 20.595-46 46h2c0-24.301 19.7-44 44-44zm180 0H50v2h180zm46 46c0-25.405-20.595-46-46-46v2c24.301 0 44 19.699 44 44zm-46 46c25.405 0 46-20.595 46-46h-2c0 24.3-19.699 44-44 44zm-180 0h180v-2H50zM4 394c0 25.405 20.595 46 46 46v-2c-24.3 0-44-19.7-44-44z"/></g></svg>How to use the Intlayer Dark icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:intlayer-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:intlayer-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:intlayer-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--intlayer-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:intlayer-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:intlayer-dark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/intlayer-dark.svg" alt="Intlayer Dark icon" width="24" height="24">Related icons in theSVG Color
Intlayer Dark icon FAQ
Is the Intlayer Dark icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Intlayer Dark icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:intlayer-dark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Intlayer Dark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/intlayer-dark.svg" alt="Intlayer Dark icon">, or paste the SVG code inline to style it with CSS.