Text Toolbar 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 toolbar

The Text Toolbar 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/321094.svg" alt="Text Toolbar icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="320" height="180" viewBox="0 0 320 180" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="55.5" y="80.5" width="208" height="19" fill="white" stroke="#E4E4E4"/>
<rect width="10" height="10" transform="translate(190 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M192.188 88.75C192.705 88.75 193.125 88.3303 193.125 87.8125C193.125 87.2947 192.705 86.875 192.188 86.875C191.67 86.875 191.25 87.2947 191.25 87.8125C191.25 88.3303 191.67 88.75 192.188 88.75Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M192.188 93.125C192.705 93.125 193.125 92.7053 193.125 92.1875C193.125 91.6697 192.705 91.25 192.188 91.25C191.67 91.25 191.25 91.6697 191.25 92.1875C191.25 92.7053 191.67 93.125 192.188 93.125Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M199.375 91.875H195V92.5H199.375V91.875Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M199.375 87.5H195V88.125H199.375V87.5Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(209 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M218.375 87.5H214V88.125H218.375V87.5Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M210.875 88.3094L210.066 87.5L209.625 87.9406L210.875 89.1906L213.375 86.6906L212.934 86.25L210.875 88.3094Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M218.375 91.875H214V92.5H218.375V91.875Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M210.875 92.6844L210.066 91.875L209.625 92.3156L210.875 93.5656L213.375 91.0656L212.934 90.625L210.875 92.6844Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(228 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M237.375 91.875H233V92.5H237.375V91.875Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M237.375 87.5H233V88.125H237.375V87.5Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M230.5 88.75V86.25H229.875V86.5625H229.25V87.1875H229.875V88.75H229.25V89.375H231.125V88.75H230.5Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M231.125 93.75H229.25V92.5C229.25 92.3342 229.316 92.1753 229.433 92.0581C229.55 91.9408 229.709 91.875 229.875 91.875H230.5V91.25H229.25V90.625H230.5C230.666 90.625 230.825 90.6908 230.942 90.8081C231.059 90.9253 231.125 91.0842 231.125 91.25V91.875C231.125 92.0408 231.059 92.1997 230.942 92.3169C230.825 92.4342 230.666 92.5 230.5 92.5H229.875V93.125H231.125V93.75Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(250 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M259.063 93.6206L256.703 91.2606C257.27 90.5798 257.553 89.7065 257.492 88.8225C257.432 87.9385 257.033 87.1118 256.379 86.5143C255.724 85.9169 254.865 85.5947 253.979 85.6148C253.093 85.635 252.249 85.9958 251.623 86.6224C250.996 87.2489 250.635 88.0929 250.615 88.9788C250.595 89.8646 250.917 90.7241 251.515 91.3785C252.112 92.0328 252.939 92.4317 253.823 92.492C254.707 92.5524 255.58 92.2696 256.261 91.7025L258.621 94.0625L259.063 93.6206ZM251.25 89.0625C251.25 88.5063 251.415 87.9625 251.724 87.5C252.033 87.0375 252.473 86.677 252.987 86.4641C253.5 86.2512 254.066 86.1955 254.612 86.3041C255.157 86.4126 255.658 86.6804 256.052 87.0738C256.445 87.4671 256.713 87.9683 256.821 88.5138C256.93 89.0594 256.874 89.6249 256.661 90.1388C256.448 90.6527 256.088 91.092 255.625 91.401C255.163 91.7101 254.619 91.875 254.063 91.875C253.317 91.8742 252.602 91.5776 252.075 91.0503C251.548 90.5231 251.251 89.8082 251.25 89.0625Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(76 83)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M81 91.75L78.8125 89.5625L79.25 89.125L81 90.875L82.75 89.125L83.1875 89.5625L81 91.75Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(171 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M179.125 86.875H174.75V87.5H179.125V86.875Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M177.875 88.75H174.75V89.375H177.875V88.75Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M179.125 90.625H174.75V91.25H179.125V90.625Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M177.875 92.5H174.75V93.125H177.875V92.5Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M173.5 86.25H172.875V93.75H173.5V86.25Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(95 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M100.703 92.8125H97.8125V87.1875H100.469C100.782 87.1875 101.089 87.2772 101.352 87.4459C101.616 87.6146 101.826 87.8553 101.958 88.1395C102.089 88.4238 102.137 88.7397 102.094 89.05C102.052 89.3603 101.922 89.652 101.719 89.8906C101.984 90.1025 102.176 90.3913 102.27 90.7172C102.364 91.0431 102.355 91.3902 102.244 91.7106C102.132 92.031 101.924 92.309 101.649 92.5063C101.373 92.7037 101.042 92.8106 100.703 92.8125ZM98.75 91.875H100.697C100.789 91.875 100.881 91.8568 100.966 91.8215C101.051 91.7861 101.129 91.7344 101.194 91.6691C101.259 91.6038 101.311 91.5263 101.346 91.4409C101.382 91.3556 101.4 91.2642 101.4 91.1719C101.4 91.0795 101.382 90.9881 101.346 90.9028C101.311 90.8175 101.259 90.74 101.194 90.6747C101.129 90.6094 101.051 90.5576 100.966 90.5223C100.881 90.4869 100.789 90.4687 100.697 90.4688H98.75V91.875ZM98.75 89.5312H100.469C100.561 89.5313 100.653 89.5131 100.738 89.4777C100.823 89.4424 100.901 89.3906 100.966 89.3253C101.031 89.26 101.083 89.1825 101.118 89.0972C101.154 89.0119 101.172 88.9205 101.172 88.8281C101.172 88.7358 101.154 88.6444 101.118 88.5591C101.083 88.4737 101.031 88.3962 100.966 88.3309C100.901 88.2656 100.823 88.2139 100.738 88.1785C100.653 88.1432 100.561 88.125 100.469 88.125H98.75V89.5312Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(133 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M141.75 93.125H134.25V93.75H141.75V93.125Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M138 92.1875C137.42 92.1875 136.863 91.957 136.453 91.5468C136.043 91.1366 135.812 90.5802 135.812 90V86.5625H136.438V90C136.438 90.4144 136.602 90.8118 136.895 91.1049C137.188 91.3979 137.586 91.5625 138 91.5625C138.414 91.5625 138.812 91.3979 139.105 91.1049C139.398 90.8118 139.562 90.4144 139.562 90V86.5625H140.188V90C140.188 90.5802 139.957 91.1366 139.547 91.5468C139.137 91.957 138.58 92.1875 138 92.1875Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(114 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M121.812 87.8125V87.1875H117.75V87.8125H119.356L117.991 92.1875H116.188V92.8125H120.25V92.1875H118.644L120.009 87.8125H121.812Z" fill="black" style="mix-blend-mode:multiply"/>
<rect width="10" height="10" transform="translate(152 85)" fill="white" style="mix-blend-mode:multiply"/>
<path d="M158.875 91.5625H159.5L157.312 86.25H156.688L154.5 91.5625H155.125L155.628 90.3125H158.359L158.875 91.5625ZM155.884 89.6875L156.959 87.0719H157.041L158.106 89.6875H155.884Z" fill="black" style="mix-blend-mode:multiply"/>
<path d="M160.125 92.5H153.875V93.75H160.125V92.5Z" fill="black" style="mix-blend-mode:multiply"/>
<rect x="147" y="80" width="1" height="20" fill="#E4E4E4"/>
<rect x="90" y="80" width="1" height="20" fill="#D9D9D9"/>
<rect x="166" y="80" width="1" height="20" fill="#E4E4E4"/>
<rect x="185" y="80" width="1" height="20" fill="#E4E4E4"/>
<rect x="245" y="80" width="1" height="20" fill="#E4E4E4"/>
<path d="M166 96L163 99H166V96Z" fill="black"/>
<path d="M185 96L182 99H185V96Z" fill="black"/>
<path d="M64.4993 93V92.408H63.0593V87.416H62.0113L60.5312 88.8L60.9232 89.224L62.3313 87.912H62.3873V92.408H60.8273V93H64.4993Z" fill="black"/>
<path d="M68.7201 93V91.904H69.5281V91.344H68.7201V87.416H67.7201L65.3841 91.312V91.904H68.0801V93H68.7201ZM68.0401 87.936H68.0801V91.344H66.0161L68.0401 87.936Z" fill="black"/>
</svg>

Copied!

Text Toolbar Icon

More from Carbon Icons