Text Shapes icon
cil:text-shapes
The Text Shapes icon (cil:text-shapes) 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
- textshapes, shape
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m231.359 147l-80.921 205h45.155l15.593-39.5h89.628l15.593 39.5h45.155l-80.921-205Zm-3.594 123.5L256 198.967l28.235 71.533Z"/><path fill="currentColor" d="M384 56H128V16H16v112h40v256H16v112h112v-40h256v40h112V384h-40V128h40V16H384ZM48 96V48h48v48Zm48 368H48v-48h48Zm288-40H128v-40H88V128h40V88h256v40h40v256h-40Zm80-8v48h-48v-48ZM416 48h48v48h-48Z"/></svg>How to use the Text Shapes icon
React
import { Icon } from "@iconify/react";
<Icon icon="cil:text-shapes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:text-shapes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:text-shapes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--text-shapes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:text-shapes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:text-shapes"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cil/text-shapes.svg" alt="Text Shapes icon" width="24" height="24">Related icons in CoreUI Free
Text Shapes icon FAQ
Is the Text Shapes 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 Text Shapes icon in React?
Install @iconify/react and render <Icon icon="cil:text-shapes" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Text Shapes icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cil/text-shapes.svg" alt="Text Shapes icon">, or paste the SVG code inline to style it with CSS.