List 1 icon
fontisto:list-1
The List 1 icon (fontisto:list-1) is a free SVG icon from the Fontisto set by Kenan Gündoğan. It is drawn on a 28 × 24 grid. Fontisto 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
- Fontisto
- Author
- Kenan Gündoğan
- License
- MIT
- Size
- 28 × 24
- Category
- Editor
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24"><path fill="currentColor" d="M9.064 2.677h17.753l.037.001a1.332 1.332 0 1 0 0-2.664l-.039.001h.002H9.064a1.331 1.331 0 0 0-.002 2.662zm17.752 2.666H9.064a1.331 1.331 0 0 0-.002 2.662h17.754l.037.001a1.332 1.332 0 1 0 0-2.664l-.039.001zm0 5.326H9.064l-.037-.001a1.332 1.332 0 1 0 0 2.664l.039-.001h-.002h17.752l.037.001a1.332 1.332 0 1 0 0-2.664l-.039.001zm0 10.652H9.064a1.331 1.331 0 0 0-.002 2.662h17.754a1.331 1.331 0 0 0 .002-2.662zm0-5.327H9.064l-.037-.001a1.332 1.332 0 1 0 0 2.664l.039-.001h-.002h17.752l.037.001a1.332 1.332 0 1 0 0-2.664l-.039.001zM1.582 2.279v3.334a.65.65 0 0 0 .647.636l.041-.001h-.002l.032.001a.654.654 0 0 0 .654-.634V.627a.636.636 0 0 0-.636-.628h-.022h.001a.65.65 0 0 0-.537.286l-.001.002l-.006.009l-.579.82a.8.8 0 0 0-.209.504v.012c0 .347.273.63.616.646h.001zM.677 15.124h2.614a.67.67 0 0 0 .002-1.335H1.392v-.01c0-.2.457-.523.824-.781c.732-.515 1.639-1.157 1.639-2.27v-.016a1.837 1.837 0 0 0-1.906-1.836h.003A1.71 1.71 0 0 0 .13 10.535v.002a.66.66 0 0 0 .656.745h.009l.036.001a.666.666 0 0 0 .665-.642v-.001c0-.197.05-.418.443-.418l.038-.001c.281 0 .508.227.508.508v.017v-.001c0 .418-.549.818-1.079 1.2c-.655.473-1.399 1.008-1.399 1.836v.711a.664.664 0 0 0 .663.633h.008zm3.088 4.352a1.593 1.593 0 0 0-1.785-1.723l.008-.001a1.673 1.673 0 0 0-1.869 1.611v.002a.645.645 0 0 0 .64.722l.053-.002H.81a.64.64 0 0 0 .678-.64l-.001-.038v.002c0-.156.055-.335.487-.335c.314 0 .437.045.437.494s-.094.487-.465.487a.652.652 0 0 0 .003 1.302h.004c.49 0 .589.201.589.523v.138c0 .544-.209.647-.603.647c-.539 0-.582-.278-.582-.364v-.016a.634.634 0 0 0-.694-.631h.003a.627.627 0 0 0-.668.701v-.003a1.77 1.77 0 0 0 1.956 1.643l-.008.001A1.812 1.812 0 0 0 3.91 22.01l.001.008v-.138l.001-.067c0-.452-.179-.863-.469-1.165l.001.001c.204-.313.325-.697.325-1.109l-.001-.07v.003z"/></svg>How to use the List 1 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:list-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:list-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:list-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--list-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:list-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:list-1"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fontisto/list-1.svg" alt="List 1 icon" width="24" height="24">Related icons in Fontisto
List 1 icon FAQ
Is the List 1 icon free for commercial use?
Yes. Fontisto icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the List 1 icon in React?
Install @iconify/react and render <Icon icon="fontisto:list-1" />, or use “Copy code” on this page to get a standalone React component.
How do I add the List 1 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fontisto/list-1.svg" alt="List 1 icon">, or paste the SVG code inline to style it with CSS.