Touch App icon
cil:touch-app
The Touch App icon (cil:touch-app) is a free SVG icon from the CoreUI Free set by creativeLabs Łukasz Holeczek. It is drawn on a 512 × 512 grid. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- CoreUI Free
- Author
- creativeLabs Łukasz Holeczek
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- touchapp
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M454.423 278.957L328 243.839v-8.185a116 116 0 1 0-104 0V312h-24.418l-18.494-22.6a90.414 90.414 0 0 0-126.43-13.367a20.862 20.862 0 0 0-8.026 33.47L215.084 496H472V302.08a24.07 24.07 0 0 0-17.577-23.123M192 132a84 84 0 1 1 136 65.9V132a52 52 0 0 0-104 0v65.9a83.87 83.87 0 0 1-32-65.9m248 332H229.3L79.141 297.75a58.44 58.44 0 0 1 77.181 11.91l28.1 34.34H256V132a20 20 0 0 1 40 0v136.161l144 40Z"/></svg>How to use the Touch App icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:touch-app" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:touch-app" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:touch-app" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--touch-app]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:touch-app"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:touch-app"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cil/touch-app.svg" alt="Touch App icon" width="24" height="24">Touch App icon in other icon sets
Touch App icon FAQ
Is the Touch App icon free for commercial use?
Yes. CoreUI Free icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Touch App icon in React?
Install @iconify/react and render <Icon icon="cil:touch-app" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Touch App icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/touch-app.svg" alt="Touch App icon">, or paste the SVG code inline to style it with CSS.