Tower Line icon
mingcute:tower-line
The Tower Line icon (mingcute:tower-line) is a free SVG icon from the MingCute Icon set by MingCute Design. It is drawn on a 24 × 24 grid. MingCute Icon icons are released under the Apache 2.0 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
- MingCute Icon
- Author
- MingCute Design
- License
- Apache-2.0
- Size
- 24 × 24
- Tags
- towerline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 20a1 1 0 1 0 0 2zm14 2a1 1 0 1 0 0-2zM7 8a1 1 0 0 0 0 2zm10 2a1 1 0 1 0 0-2zm-7-6a1 1 0 0 0 0 2zm4 2a1 1 0 1 0 0-2zm-1-3a1 1 0 1 0-2 0zm-2 2a1 1 0 1 0 2 0zm1-1l.857-.514L12 2.056l-.857 1.43zM8.143 8.486a1 1 0 1 0 1.714 1.028L9 9zm6 1.028a1 1 0 0 0 1.714-1.028L15 9zM5 21v1h14v-2H5zM7 9v1h10V8H7zm3-4v1h4V4h-4zm6 8h-1a3 3 0 0 1-3 3v2a5 5 0 0 0 5-5zm-4 4v-1a3 3 0 0 1-3-3H7a5 5 0 0 0 5 5zm-4-4h1a3 3 0 0 1 3-3V8a5 5 0 0 0-5 5zm4-4v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zM8 21h1a3 3 0 0 1 3-3v-2a5 5 0 0 0-5 5zm4-4v1a3 3 0 0 1 3 3h2a5 5 0 0 0-5-5zm0-14h-1v2h2V3zm0 1l-.857-.514l-3 5L9 9l.857.515l3-5zm3 5l.857-.514l-3-5L12 4l-.857.515l3 5z"/></svg>How to use the Tower Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:tower-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:tower-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:tower-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--tower-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:tower-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:tower-line"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/tower-line.svg" alt="Tower Line icon" width="24" height="24">Related icons in MingCute Icon
Tower Line icon FAQ
Is the Tower Line icon free for commercial use?
Yes. MingCute Icon icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Tower Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:tower-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Tower Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/tower-line.svg" alt="Tower Line icon">, or paste the SVG code inline to style it with CSS.