Arttext icon
file-icons:arttext
The Arttext icon (file-icons:arttext) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 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
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M127.711 477.547c-170.281-98.17-170.281-344.925 0-443.094S512 59.662 512 256S297.993 575.716 127.711 477.547M149 246.333C108.667 266 104.414 301.873 106 317c9.333 89 106 92.5 184 42.5c30.438 36.975 73.678 38.04 120.482 25.255c0 0 .512-51.091.512-53.728c0-2.636-3.244-2.027-3.244-2.027c-17.625 10-44.75 7.25-43.125-21.375c-2.323-49.008 3.507-129.703-4.57-150.157C350 132 329.134 110.56 278 103c-72.34-8.015-114.784 14.348-138.289 34.201c-35.389 29.892-16.996 74.263 6.846 78.271c52.942 8.9 52.058-27.071 65.264-43.813c15.622-20.25 48.484-19.967 61.385-3.195c6.846 8.9 5.248 32.86 4.564 49.062c-56.414 3.826-102.365 15.932-128.77 28.807m130.139 66.579c-31.72 16.658-66.177 30.578-79.184.913c-7.852-27.635 23.26-44.299 77.815-49.519z"/></svg>How to use the Arttext icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:arttext" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:arttext" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:arttext" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--arttext]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:arttext"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:arttext"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/arttext.svg" alt="Arttext icon" width="24" height="24">Related icons in File Icons
Arttext icon FAQ
Is the Arttext 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 Arttext icon in React?
Install @iconify/react and render <Icon icon="file-icons:arttext" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Arttext icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/arttext.svg" alt="Arttext icon">, or paste the SVG code inline to style it with CSS.