Text Width icon
fa:text-width
The Text Width icon (fa:text-width) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1536 × 1664 grid. Font Awesome 4 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
- Font Awesome 4
- Author
- Dave Gandy
- License
- OFL-1.1
- Size
- 1536 × 1664
- Tags
- textwidth
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1536" height="1664" viewBox="0 0 1536 1664"><path fill="currentColor" d="m81 1l54 27q12 5 211 5q44 0 132-2t132-2q70 0 246.5-1t304.5-.5t247 4.5q33 1 56-31l42-1q4 0 14 .5t14 .5q2 112 2 336q0 80-5 109q-39 14-68 18q-25-44-54-128q-3-9-11-47.5t-15-73.5t-7-36q-10-13-27-19q-5-2-66-2q-30 0-93-1t-103-1t-94 2t-96 7q-9 81-8 136l1 152v-52q0 55 1 154t1.5 180t.5 153q0 16-2.5 71.5t0 91.5t12.5 69q40 21 124 42.5t120 37.5q5 40 5 50q0 14-3 29l-34 1q-76 2-218-8t-207-10q-50 0-151 9t-152 9q-3-51-3-52v-9q17-27 61.5-43t98.5-29t78-27q7-16 11.5-74t6-145.5t1.5-155t-.5-153.5t-.5-89q0-7-2.5-21.5T635 459q0-7 .5-44t1-73t0-76.5t-3-67.5t-6.5-32q-11-12-162-12q-41 0-163 13.5T164 192q-19 12-34 71.5T98.5 375T56 429q-42-26-56-44V2zm1229 1282q12 0 42 19.5t57.5 41.5t59.5 49t36 30q26 21 26 49t-26 49q-4 3-36 30t-59.5 49t-57.5 41.5t-42 19.5q-13 0-20.5-10.5t-10-28.5t-2.5-33.5t1.5-33t1.5-19.5H256q0 2 1.5 19.5t1.5 33t-2.5 33.5t-10 28.5T226 1661q-12 0-42-19.5t-57.5-41.5t-59.5-49t-36-30q-26-21-26-49t26-49q4-3 36-30t59.5-49t57.5-41.5t42-19.5q13 0 20.5 10.5t10 28.5t2.5 33.5t-1.5 33t-1.5 19.5h1024q0-2-1.5-19.5t-1.5-33t2.5-33.5t10-28.5t20.5-10.5"/></svg>
How to use the Text Width icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa:text-width" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa:text-width" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa:text-width" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--text-width]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:text-width"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa:text-width"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa/text-width.svg" alt="Text Width icon" width="24" height="24">
Related icons in Font Awesome 4
Text Width icon in other icon sets
Text Width icon FAQ
Is the Text Width icon free for commercial use?
Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Text Width icon in React?
Install @iconify/react and render <Icon icon="fa:text-width" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Text Width icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/text-width.svg" alt="Text Width icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 4 icons →
ICONYZ
