Color

This icon uses multiple colors. Use the SVG Editor to customize it.

Open in SVG Editor

Carbon Icons

Text Area Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Download SVG

Collection: Carbon Icons
Format: SVG, React, Angular, Vue, Web Component, PNG
License: Apache-2.0 - Free for commercial use
Tags: text area

The Text Area icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/321092.svg" alt="Text Area icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/321092.svg" alt="Text Area icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/321092.svg"
  alt="Text Area icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-text-area {
  background-image: url('https://proicons.com/icon/321092.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?>
<svg width="320px" height="180px" viewBox="0 0 320 180" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>text-area</title>
    <defs>
        <rect id="path-1" x="0" y="0" width="15" height="11"></rect>
    </defs>
    <g id="text-area" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Group-21" transform="translate(56.000000, 46.000000)">
            <rect id="Rectangle-11-Copy" fill="#F3F3F3" x="0" y="0" width="208" height="88"></rect>
            <line x1="0" y1="87.5" x2="208" y2="87.5" id="Path-3-Copy-8" stroke="#8C8C8C"></line>
            <rect id="Rectangle-Copy-14" fill="#A8A8A8" x="12.3888889" y="13" width="165" height="5"></rect>
            <rect id="Rectangle-Copy-16" fill="#A8A8A8" x="12.3888889" y="33" width="165" height="5"></rect>
            <rect id="Rectangle-Copy-15" fill="#A8A8A8" x="12.3888889" y="23" width="138.461538" height="5"></rect>
            <rect id="Rectangle-Copy-17" fill="#A8A8A8" x="12.3888889" y="43" width="138.461538" height="5"></rect>
        </g>
        <g id="Group" transform="translate(199.000000, 94.000000)" fill="#000000" fill-rule="nonzero">
            <g id="Cursor/ibeam/vertical-Copy-3">
                <path d="M7.51081946,11.25 L8.44647812,11.3087292 C8.42261926,11.6888424 8.44824926,12.0704446 8.50420394,12.377227 C8.61515614,12.6862783 8.77049444,12.9775376 8.94630677,13.2177316 C9.28072482,13.6141357 9.70707195,13.9226764 10.1881448,14.1164302 L10.154,14.101 L14.953,14.101 L14.9536488,13.1637396 L15.8723988,13.1637396 L15.872,14.101 L19.7635169,14.1019264 C20.1620287,13.9339912 20.5211779,13.6871205 20.809633,13.3894902 L20.9518391,13.2317938 C21.1468486,12.9682502 21.3019626,12.6774113 21.3947046,12.4308624 C21.4716012,12.060845 21.5000557,11.682399 21.4793527,11.3050433 L21.4793527,11.3050433 L22.4154449,11.253686 C22.4406002,11.7121935 22.4060264,12.1720257 22.2951137,12.6838319 C22.1539313,13.0793274 21.9552459,13.4518626 21.6884635,13.8110475 C21.4469868,14.1002531 21.167871,14.353834 20.8595942,14.5655989 C21.1713727,14.767131 21.4623609,15.0155742 21.7296257,15.307773 C21.9884268,15.6474328 22.1852339,16.0301133 22.3226106,16.4840089 C22.4142593,16.9406954 22.445377,17.4074613 22.4151615,17.872272 L22.4151615,17.872272 L21.4796361,17.8114572 C21.5045131,17.4287685 21.4788933,17.0444701 21.4150606,16.7142815 C21.3218019,16.4116452 21.1758493,16.1278486 21.0117856,15.9092125 C20.6556761,15.5220867 20.2174431,15.2195645 19.7292152,15.0238252 L19.743,15.029 L15.872,15.029 L15.8723988,15.9668646 L14.9536488,15.9668646 L14.953,15.029 L10.1823949,15.0296405 C9.76949882,15.1970109 9.39297394,15.4408583 9.08949716,15.7272586 L8.94242368,15.8755647 C8.75058149,16.1278942 8.6045057,16.4119304 8.52265766,16.6682356 C8.4473647,17.0444171 8.4217359,17.428849 8.44642697,17.8116961 L8.44642697,17.8116961 L7.51087062,17.8720332 C7.48090369,17.4073812 7.51200872,16.9408057 7.61520577,16.4377276 C7.74127928,16.030124 7.93790034,15.6478053 8.22411637,15.2747007 C8.4727577,15.0041138 8.75314033,14.7662009 9.05840018,14.5657006 C8.74791142,14.3563699 8.46365724,14.0988339 8.21071226,13.7981309 C7.96189882,13.4606039 7.76353052,13.0886634 7.60332308,12.627276 C7.51296824,12.174128 7.48187343,11.7111608 7.51081946,11.25 L7.51081946,11.25 Z" id="beam" transform="translate(14.963169, 14.561136) rotate(90.000000) translate(-14.963169, -14.561136) "></path>
            </g>
        </g>
        <g id="Bitmap" style="mix-blend-mode: multiply;" transform="translate(248.000000, 121.000000)">
            <mask id="mask-2" fill="white">
                <use xlink:href="#path-1"></use>
            </mask>
            <g id="Mask"></g>
            <image style="mix-blend-mode: multiply;" mask="url(#mask-2)" x="-1" y="-6" width="17" height="18" xlink:href="data:image/png;base64,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"></image>
        </g>
    </g>
</svg>

Text Area in other icon packs

Bootstrap Icons

IconPark

Copied!

Text Area Icon

More from Carbon Icons

Text Area in other icon packs