Lark icon
file-icons:lark
The Lark icon (file-icons:lark) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 497 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 497 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="497" height="512" viewBox="0 0 497 512"><path fill="currentColor" d="m177.803 358.2l40.97 44.93c-30.652-.461-61.413 4.551-87.328 9.754C144.08 389 158.49 367.568 177.803 358.2m73.11 46.451l-48.169-52.647c9.543-1.27 20.202-2.094 31.804-3.44c32.47 7.322 54.089 25.091 68.926 49.388c-16.053 3.403-33.189 6.697-52.561 6.7m-68.44-369c47.958 7.494 64.709 28.864 60.847 63.46c-83.711 44.084-133.924 156.5-145.55 209.22c-9.393 42.588-10.39 77.567-33.826 113.913c-35.587.89-42.159-2.869-59.564 10.44L0 454.147c15.159-13.417 19.46-7.006 47.047-10c-4.585 5.086-9.673 10.227-15.403 15.454c-19.705 23.88 21.544 72.554 46.276 43.326c15.75-11.84 28.03-38.095 41.197-65.365c24.443-1.805 55.521-3.509 86.461-4.82c2.813 9.248 7.42 17.82 15.284 25.163c3.007-8.622 9.108-17.444 17.081-26.388c23.532-.782 45.491-1.259 62.56-1.286c0 0 16.863-29.977 82.44-29.977c65.575 0 66.95 20.73 70.447 6.745c5.246-20.985 45.087-21.898 42.718-28.48c-6.745-18.735-31.271-5.257-50.962 7.495h-35.224c-5.808-24.544-48.807 2.717-78.23 6.381c-15.713-17.451-30.117-35.824-53.734-52.102c49.401-14.246 166.023-104.59 114.727-224.827c-15.423-36.151-36.467-86.41-57.707-101.175c-49.404-34.341-101.92 3.998-101.92 3.998h-33.055c-8.892 1.209-10.855 2.61-17.53 17.361"/></svg>How to use the Lark icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:lark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:lark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:lark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--lark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:lark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:lark"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/lark.svg" alt="Lark icon" width="24" height="24">Lark icon in other icon sets
Lark icon FAQ
Is the Lark icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Lark icon in React?
Install @iconify/react and render <Icon icon="file-icons:lark" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lark icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/lark.svg" alt="Lark icon">, or paste the SVG code inline to style it with CSS.