Add icons to this collection by clicking the heart icon.
Vertical Typing icon - also known as interface, cursor, selection, arrow, select, ui, text box, and vertical typing. Created in a clean lineal color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="682.66669"
height="682.66669"
viewBox="0 0 682.66669 682.66669"
>
<defs>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath5267">
<path d="M 0,512 H 512 V 0 H 0 Z" id="path5265" />
</clipPath>
</defs>
<g id="g5259" transform="matrix(1.3333333,0,0,-1.3333333,0,682.66667)">
<g id="g5261">
<g id="g5263" clip-path="url(#clipPath5267)">
<g id="g5269" transform="translate(343.666,187.2402)">
<path
d="m 0,0 h 11.475 c 8.284,0 15,6.716 15,15 0,8.284 -6.716,15 -15,15 H 0 c -5.475,0 -10.728,-0.972 -15.596,-2.749 v 165.71 c 0,8.6 6.996,15.596 15.596,15.596 h 11.475 c 8.284,0 15,6.715 15,15 0,8.284 -6.716,15 -15,15 H 0 c -11.763,0 -22.5,-4.479 -30.596,-11.82 -8.096,7.341 -18.832,11.82 -30.595,11.82 h -11.475 c -8.284,0 -15,-6.716 -15,-15 0,-8.285 6.716,-15 15,-15 h 11.475 c 8.599,0 15.595,-6.996 15.595,-15.596 V 27.251 C -50.464,29.028 -55.716,30 -61.191,30 h -11.475 c -8.284,0 -15,-6.716 -15,-15 0,-8.284 6.716,-15 15,-15 h 11.475 c 8.599,0 15.595,-6.996 15.595,-15.596 v -39.845 c 0,-8.6 -6.996,-15.596 -15.595,-15.596 h -11.475 c -8.284,0 -15,-6.716 -15,-15 0,-8.284 6.716,-15 15,-15 h 11.475 c 11.763,0 22.499,4.479 30.595,11.819 8.096,-7.34 18.833,-11.819 30.596,-11.819 h 11.475 c 8.284,0 15,6.716 15,15 0,8.284 -6.716,15 -15,15 H 0 c -8.6,0 -15.596,6.996 -15.596,15.596 v 39.845 C -15.596,-6.996 -8.6,0 0,0"
id="path5271"
fill="#3351c5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5273" transform="translate(328.0703,279.0912)">
<path
d="m 0,0 v 101.11 c 0,8.6 6.996,15.596 15.596,15.596 H 27.07 c 8.284,0 15,6.716 15,15 0,8.284 -6.716,15 -15,15 H 15.596 c -11.764,0 -22.5,-4.479 -30.596,-11.82 -8.096,7.341 -18.832,11.82 -30.596,11.82 H -57.07 c -8.284,0 -15,-6.716 -15,-15 0,-8.284 6.716,-15 15,-15 h 11.474 c 8.6,0 15.596,-6.996 15.596,-15.596 L -30,80"
id="path5275"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5277" transform="translate(298.0703,322.6248)">
<path
d="m 0,0 v -108.134 c -4.868,1.778 -10.12,2.749 -15.596,2.749 H -27.07 c -8.284,0 -15,-6.715 -15,-15 0,-8.284 6.716,-15 15,-15 h 11.474 c 8.6,0 15.596,-6.996 15.596,-15.595 v -39.846 c 0,-8.6 -6.996,-15.596 -15.596,-15.596 H -27.07 c -8.284,0 -15,-6.715 -15,-15 0,-8.284 6.716,-15 15,-15 h 11.474 c 11.764,0 22.5,4.479 30.596,11.82 8.096,-7.341 18.832,-11.82 30.596,-11.82 H 57.07 c 8.284,0 15,6.716 15,15 0,8.285 -6.716,15 -15,15 H 45.596 c -8.6,0 -15.596,6.996 -15.596,15.596 v 39.846 c 0,8.599 6.996,15.595 15.596,15.595 H 57.07 c 8.284,0 15,6.716 15,15 0,8.285 -6.716,15 -15,15 H 45.596 c -5.476,0 -10.728,-0.971 -15.596,-2.749 L 30,-80"
id="path5279"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5281" transform="translate(489.9395,432.668)">
<path
d="m 0,0 h -42.711 c -8.042,0 -14.56,6.519 -14.56,14.561 v 42.71 c 0,8.042 6.518,14.561 14.56,14.561 H 0 c 8.042,0 14.561,-6.519 14.561,-14.561 V 14.561 C 14.561,6.519 8.042,0 0,0"
id="path5283"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5285" transform="translate(504.5,489.9395)">
<path
d="m 0,0 v -42.711 c 0,-8.037 -6.523,-14.56 -14.561,-14.56 h -27.674 c 8.037,0 14.56,6.523 14.56,14.56 V 0 c 0,8.037 -6.523,14.561 -14.56,14.561 h 27.674 C -6.523,14.561 0,8.037 0,0"
id="path5287"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5289" transform="translate(450.3508,504.5)">
<path
d="m 0,0 h -3.122 c -8.042,0 -14.561,-6.519 -14.561,-14.561 v -42.71 c 0,-8.042 6.519,-14.561 14.561,-14.561 h 42.711 c 8.041,0 14.56,6.519 14.56,14.561 v 42.71 C 54.149,-6.519 47.63,0 39.589,0 h -3.123"
id="path5291"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5293" transform="translate(64.7715,7.5)">
<path
d="m 0,0 h -42.711 c -8.042,0 -14.56,6.519 -14.56,14.561 v 42.71 c 0,8.042 6.518,14.561 14.56,14.561 H 0 c 8.042,0 14.561,-6.519 14.561,-14.561 V 14.561 C 14.561,6.519 8.042,0 0,0"
id="path5295"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5297" transform="translate(79.332,64.7715)">
<path
d="m 0,0 v -42.711 c 0,-8.037 -6.523,-14.56 -14.561,-14.56 h -27.674 c 8.037,0 14.56,6.523 14.56,14.56 V 0 c 0,8.037 -6.523,14.561 -14.56,14.561 h 27.674 C -6.523,14.561 0,8.037 0,0"
id="path5299"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5301" transform="translate(64.7715,7.5)">
<path
d="m 0,0 h -42.711 c -8.042,0 -14.56,6.519 -14.56,14.561 v 42.71 c 0,8.042 6.518,14.561 14.56,14.561 H 0 c 8.042,0 14.561,-6.519 14.561,-14.561 V 14.561 C 14.561,6.519 8.042,0 0,0 Z"
id="path5303"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5305" transform="translate(489.9395,7.5)">
<path
d="m 0,0 h -42.711 c -8.042,0 -14.56,6.519 -14.56,14.561 v 42.71 c 0,8.042 6.518,14.561 14.56,14.561 H 0 c 8.042,0 14.561,-6.519 14.561,-14.561 V 14.561 C 14.561,6.519 8.042,0 0,0"
id="path5307"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5309" transform="translate(504.5,64.7715)">
<path
d="m 0,0 v -42.711 c 0,-8.037 -6.523,-14.56 -14.561,-14.56 h -27.674 c 8.037,0 14.56,6.523 14.56,14.56 V 0 c 0,8.037 -6.523,14.561 -14.56,14.561 h 27.674 C -6.523,14.561 0,8.037 0,0"
id="path5311"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5313" transform="translate(489.9395,7.5)">
<path
d="m 0,0 h -42.711 c -8.042,0 -14.56,6.519 -14.56,14.561 v 42.71 c 0,8.042 6.518,14.561 14.56,14.561 H 0 c 8.042,0 14.561,-6.519 14.561,-14.561 V 14.561 C 14.561,6.519 8.042,0 0,0 Z"
id="path5315"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5317" transform="translate(165.1445,475)">
<path
d="M 0,0 H 15"
id="path5319"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5321" transform="translate(220.7148,475)">
<path
d="M 0,0 H 15"
id="path5323"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5325" transform="translate(276.2852,475)">
<path
d="M 0,0 H 15"
id="path5327"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5329" transform="translate(331.8555,475)">
<path
d="M 0,0 H 15"
id="path5331"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5333" transform="translate(387.4259,475)">
<path
d="M 0,0 H 15"
id="path5335"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5337" transform="translate(109.5741,37)">
<path
d="M 0,0 H 15"
id="path5339"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5341" transform="translate(165.1445,37)">
<path
d="M 0,0 H 15"
id="path5343"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5345" transform="translate(220.7148,37)">
<path
d="M 0,0 H 15"
id="path5347"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5349" transform="translate(276.2852,37)">
<path
d="M 0,0 H 15"
id="path5351"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5353" transform="translate(331.8555,37)">
<path
d="M 0,0 H 15"
id="path5355"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5357" transform="translate(387.4259,37)">
<path
d="M 0,0 H 15"
id="path5359"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5361" transform="translate(475,402.4259)">
<path
d="M 0,0 V -15"
id="path5363"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5365" transform="translate(475,346.8555)">
<path
d="M 0,0 V -15"
id="path5367"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5369" transform="translate(475,291.2852)">
<path
d="M 0,0 V -15"
id="path5371"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5373" transform="translate(475,235.7148)">
<path
d="M 0,0 V -15"
id="path5375"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5377" transform="translate(475,180.1445)">
<path
d="M 0,0 V -15"
id="path5379"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5381" transform="translate(475,124.5741)">
<path
d="M 0,0 V -15"
id="path5383"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5385" transform="translate(37,346.8555)">
<path
d="M 0,0 V -15"
id="path5387"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5389" transform="translate(37,291.2852)">
<path
d="M 0,0 V -15"
id="path5391"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5393" transform="translate(37,235.7148)">
<path
d="M 0,0 V -15"
id="path5395"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5397" transform="translate(37,180.1445)">
<path
d="M 0,0 V -15"
id="path5399"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5401" transform="translate(37,124.5741)">
<path
d="M 0,0 V -15"
id="path5403"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5405" transform="translate(7.8148,498.3227)">
<path
d="m 0,0 57.779,-149.764 c 1.363,-3.534 6.202,-3.937 8.132,-0.677 l 33.61,56.783 56.783,33.609 c 3.26,1.93 2.856,6.769 -0.678,8.133 L 5.862,5.862 C 2.193,7.278 -1.416,3.67 0,0"
id="path5407"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5409" transform="translate(164.12,438.27)">
<path
d="m 0,0 -56.78,-33.61 -33.61,-56.78 c -1.93,-3.26 -6.77,-2.86 -8.14,0.68 l -7.26,18.81 32.09,54.21 54.21,32.09 18.81,-7.26 C 2.86,6.77 3.26,1.93 0,0"
id="path5411"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5413" transform="translate(164.1185,438.2758)">
<path
d="m 0,0 -56.785,-33.611 -98.496,98.495 c 1.187,1.187 3.008,1.732 4.842,1.026 L -0.68,8.131 C 2.857,6.768 3.261,1.927 0,0"
id="path5415"
fill="#b5dbfd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5417" transform="translate(90.42,421.58)">
<path
d="m 0,0 54.21,32.09 18.81,-7.26 c 3.54,-1.37 3.94,-6.21 0.68,-8.14 L 16.92,-16.92 Z"
id="path5419"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g id="g5421" transform="translate(107.333,404.665)">
<path
d="M 0,0 -98.495,98.495"
id="path5423"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g id="g5425" transform="translate(7.8148,498.3227)">
<path
d="m 0,0 57.779,-149.764 c 1.363,-3.534 6.202,-3.937 8.132,-0.677 l 33.61,56.783 56.783,33.609 c 3.26,1.93 2.856,6.769 -0.678,8.133 L 5.862,5.862 C 2.193,7.278 -1.416,3.67 0,0 Z"
id="path5427"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</g>
</g>
</g>
</svg>
More icons in the same style and category