Unordered List icon
icon-park:unordered-list
The Unordered List icon (icon-park:unordered-list) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Edit
- Tags
- unorderedlist
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M8 18V27"/><path d="M11 27H5"/><path d="M11 12H5"/><path d="M5 4.99994C5 4.99994 8 1.99992 10 4.99996C12 8 5 12 5 12"/><path d="M5.00065 34.5001C5.00065 34.5001 7.00065 31.5001 10.0006 33.5C13.0006 35.5 10.0007 38 10.0007 38C10.0007 38 13.0006 40.5001 10.0006 42.5001C7.00064 44.5001 5.00064 41.5001 5.00064 41.5001"/><path d="M10 38H8"/><path d="M8 18L5 20"/><path d="M20 24H42"/><path d="M20 38H42"/><path d="M20 10H42"/></g></svg>How to use the Unordered List icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:unordered-list" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:unordered-list" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:unordered-list" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--unordered-list]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:unordered-list"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:unordered-list"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/unordered-list.svg" alt="Unordered List icon" width="24" height="24">Unordered List icon in other icon sets
Unordered List icon FAQ
Is the Unordered List icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Unordered List icon in React?
Install @iconify/react and render <Icon icon="icon-park:unordered-list" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Unordered List icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/unordered-list.svg" alt="Unordered List icon">, or paste the SVG code inline to style it with CSS.