App icon
ls:app
The App icon (ls:app) is a free SVG icon from the Ligature Symbols set by Kazuyuki Motoyama. It is drawn on a 768 × 731 grid. Ligature Symbols icons are released under the Open Font 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
- Ligature Symbols
- Author
- Kazuyuki Motoyama
- License
- OFL-1.1
- Size
- 768 × 731
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="731" viewBox="0 0 768 731"><path fill="currentColor" d="m577 429l-3 2c-15 8-25 14-29 14c-3 1-5 2-7 3c-7-13-27-52-57-104c-36-66-139-309-142-319c-2-10 0-20 7-24c1-1 3-1 5-1c6 0 13 4 17 7c6 5 123 184 186 298c38 69 51 94 56 103c-2 1-4 2-6 4c-4 5-18 13-24 16h-1zM353 129l13 7c22 12 27 38 16 60l-87-50c8-14 23-22 37-22c8 0 15 1 21 5m15 91l1 1c3 1 3 6 2 8s-3 3-5 3h-4l-1-1l-3 5h1c3 2 4 5 3 8c-2 2-3 3-5 3c-1 0-2 0-3-1l-1-1l-6 11l1 1c2 1 3 5 2 7s-3 3-5 3c-1 0-2 0-3-1h-1l-3 5l1 1c3 2 4 5 2 8c-1 2-2 3-4 3c-1 0-2-1-3-1l-1-1l-3 4l-4 7l-87-50l4-7l3-4l-1-1c-3-1-4-6-2-8c1-2 2-3 4-3c1 0 2 0 3 1h1l3-4l-1-1c-3-2-4-5-2-8c1-2 3-3 5-3c1 0 2 1 3 1l1 1l6-11h-1c-3-2-4-5-2-8c1-2 2-3 4-3c1 0 2 1 3 1l1 1l3-6l-1-1c-3-1-4-5-2-7c1-2 3-3 5-3h4l1 1l4-7l87 50zM56 558l172-298l87 51l-172 297l-4 7c-15-6-30-14-44-22c-14-9-29-19-42-29l1-3zM0 514V365h133L46 514zm521-32l14 21l5 5l3 6H232l87-149h139c34 61 55 101 55 102c2 3 3 5 5 6c1 3 2 7 3 9m136-48l-9-21c-2-3-3-5-5-7c-1-3-2-6-3-8l-8-16c-3-5-6-10-10-17h146v149h-75c0-1-1-3-1-5l-11-23c-1-2-2-5-4-7c0-3-1-5-2-7l-10-23c-1-2-4-4-5-6c-1-3-2-7-3-9m-4 65l10 20l1 3s-15 13-28 20s-31 13-31 13l-3-4l-11-18v-8l-8-6l-15-21v-7l-7-5l-8-13l-5-8c7-1 19-6 37-16c1 0 1-1 2-1s1-1 2-1c15-8 26-15 31-22l4 9l6 13v11l7 4l10 23l-1 10zm17 45l84 126c11 20 1 44-19 55c-7 4-15 6-22 6c-14 0-27-6-35-19l-61-139c7-3 19-8 29-13c8-5 18-11 24-16M32 715l-5 9c-1 2-4 3-7 3h-1c-1 0-2 0-2-1c-1 0-1-1-2-1c-2-2-2-6-1-8l5-9l29-122c12 9 25 18 37 25s25 13 38 18z"/></svg>
How to use the App icon
React
import { Icon } from "@iconify/react";
<Icon icon="ls:app" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:app" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:app" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--app]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:app"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:app"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ls/app.svg" alt="App icon" width="24" height="24">
Related icons in Ligature Symbols
App icon in other icon sets
App icon FAQ
Is the App icon free for commercial use?
Yes. Ligature Symbols icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the App icon in React?
Install @iconify/react and render <Icon icon="ls:app" />, or use “Copy code” on this page to get a standalone React component.
How do I add the App icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ls/app.svg" alt="App icon">, or paste the SVG code inline to style it with CSS.
Browse all Ligature Symbols icons →
ICONYZ
