Danmaku Line icon
mingcute:danmaku-line
The Danmaku Line icon (mingcute:danmaku-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
- danmakuline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3 13v-1a1 1 0 0 0-1 1zm2-5a1 1 0 0 0 0 2zm2 2a1 1 0 0 0 0-2zm4-2a1 1 0 1 0 0 2zm8 2a1 1 0 1 0 0-2zm-6 2a1 1 0 1 0 0 2zm2 2a1 1 0 1 0 0-2zm-6 0a1 1 0 1 0 0-2zm1.733 3.2l.6.8zM7.4 19.7l-.6-.8zM5 4v1h13V3H5zm2 15.5h1v-2H6v2zM6.5 17v-1H5v2h1.5zM18 17v-1h-6.667v2H18zm-7.267.2l-.6-.8L6.8 18.9l.6.8l.6.8l3.333-2.5zM3 8h1V6H2v2zm0 7h1v-2H2v2zm17-9h-1v2h2V6zm0 6h-1v3h2v-3zM5 9v1h2V8H5zm6 0v1h8V8h-8zm2 4v1h2v-2h-2zM3 13v1h6v-2H3zm8.333 4v-1a2 2 0 0 0-1.2.4l.6.8l.6.8zM18 17v1a3 3 0 0 0 3-3h-2a1 1 0 0 1-1 1zM5 17v-1a1 1 0 0 1-1-1H2a3 3 0 0 0 3 3zm2 .5h1A1.5 1.5 0 0 0 6.5 16v2a.5.5 0 0 1-.5-.5zm0 2H6c0 1.03 1.176 1.618 2 1l-.6-.8l-.6-.8a.75.75 0 0 1 1.2.6zM18 4v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zM5 4V3a3 3 0 0 0-3 3h2a1 1 0 0 1 1-1z"/></svg>How to use the Danmaku Line icon
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:danmaku-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:danmaku-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:danmaku-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--danmaku-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:danmaku-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:danmaku-line"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/mingcute/danmaku-line.svg" alt="Danmaku Line icon" width="24" height="24">Related icons in MingCute Icon
Danmaku Line icon FAQ
Is the Danmaku 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 Danmaku Line icon in React?
Install @iconify/react and render <Icon icon="mingcute:danmaku-line" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Danmaku Line icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/mingcute/danmaku-line.svg" alt="Danmaku Line icon">, or paste the SVG code inline to style it with CSS.