Text Direction 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 direction

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

React JSX

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

Vue template

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

CSS background

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

SVG markup

<svg width="640" height="360" viewBox="0 0 640 360" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="text-direction">
<g id="&#215;&#144;&#215;&#149;&#215;&#164;&#215;&#166;&#215;&#153;&#215;&#148; 1">
<path d="M266.59 150V148.224H262.27V133.248H259.126L254.686 137.4L255.862 138.672L260.086 134.736H260.254V148.224H255.574V150H266.59Z" fill="#161616"/>
<path d="M286.825 141.574V150H284.657V141.551C284.657 140.113 284.364 139.098 283.778 138.504C283.2 137.91 282.196 137.613 280.766 137.613H275.305V135.621H280.801C282.239 135.621 283.399 135.824 284.282 136.231C285.165 136.629 285.809 137.266 286.215 138.141C286.622 139.008 286.825 140.152 286.825 141.574ZM277.696 140.66V150H275.54V140.66H277.696Z" fill="#161616"/>
<path d="M292.438 135.621V143.18H290.282V135.621H292.438Z" fill="#161616"/>
<path d="M307.016 148.148V150H295.954V148.008H304.333L295.087 135.621H297.782L302.247 141.691C302.848 141.434 303.286 141.055 303.559 140.555C303.833 140.047 304.016 139.273 304.11 138.234L304.38 135.621H306.606L306.372 138.188C306.27 139.266 306.11 140.094 305.891 140.672C305.672 141.242 305.364 141.715 304.965 142.09C304.567 142.465 304.005 142.797 303.278 143.086L307.016 148.148Z" fill="#161616"/>
<path d="M319.18 142.008C319.18 140.531 318.856 139.43 318.208 138.703C317.559 137.977 316.54 137.613 315.149 137.613H311.915V141.668H314.762V143.66H309.723V135.621H315.172C317.266 135.621 318.821 136.145 319.837 137.191C320.86 138.231 321.372 139.852 321.372 142.055V143.016C321.372 147.672 319.169 150 314.762 150H309.852V148.008H314.821C316.305 148.008 317.403 147.598 318.114 146.777C318.825 145.949 319.18 144.703 319.18 143.039V142.008Z" fill="#161616"/>
<path d="M326.891 135.621V150H324.735V135.621H326.891Z" fill="#161616"/>
<path d="M332.915 145.277L331.977 150H329.704L330.688 145.324C330.969 143.981 331.227 143.035 331.462 142.488C331.696 141.934 331.989 141.484 332.34 141.141C332.7 140.797 333.18 140.504 333.782 140.262L330.395 135.621H333.055L338.34 142.898C338.926 142.352 339.391 141.691 339.735 140.918C340.087 140.137 340.317 139.242 340.426 138.234L340.696 135.621H342.922L342.653 138.188C342.567 139.047 342.411 139.801 342.184 140.449C342.028 140.895 341.84 141.32 341.622 141.727C341.403 142.125 341.122 142.539 340.778 142.969C340.442 143.398 340.005 143.879 339.465 144.41L343.696 150H340.954L334.766 141.598C334.141 141.902 333.696 142.43 333.43 143.18C333.352 143.375 333.27 143.648 333.184 144C333.106 144.352 333.016 144.777 332.915 145.277Z" fill="#161616"/>
</g>
<g id="&#215;&#170;&#215;&#149;&#215;&#149;&#215;&#153;&#215;&#170;">
<path d="M348.791 104.145C348.57 104.802 348.218 105.277 347.736 105.57C347.255 105.857 346.496 106 345.461 106H345.354V104.34H345.52C345.969 104.34 346.327 104.255 346.594 104.086C346.854 103.917 347.04 103.66 347.15 103.314C347.261 102.963 347.316 102.432 347.316 101.723V95.6777H345.461V94.0176H351.936C353.732 94.0176 355.021 94.4017 355.803 95.1699C356.584 95.9316 356.975 97.2012 356.975 98.9785V106H355.178V98.959C355.178 97.7611 354.934 96.9147 354.445 96.4199C353.964 95.9251 353.12 95.6777 351.916 95.6777H349.113V101.361C349.113 102.559 349.006 103.487 348.791 104.145Z" fill="#525252"/>
<path d="M361.672 94.0176V100.316H359.875V94.0176H361.672Z" fill="#525252"/>
<path d="M367.277 94.0176V106H365.48V94.0176H367.277Z" fill="#525252"/>
<path d="M372.473 94.0176V106H370.676V94.0176H372.473Z" fill="#525252"/>
<path d="M378.205 104.145C377.984 104.802 377.632 105.277 377.15 105.57C376.669 105.857 375.91 106 374.875 106H374.768V104.34H374.934C375.383 104.34 375.741 104.255 376.008 104.086C376.268 103.917 376.454 103.66 376.564 103.314C376.675 102.963 376.73 102.432 376.73 101.723V95.6777H374.875V94.0176H381.35C383.146 94.0176 384.436 94.4017 385.217 95.1699C385.998 95.9316 386.389 97.2012 386.389 98.9785V106H384.592V98.959C384.592 97.7611 384.348 96.9147 383.859 96.4199C383.378 95.9251 382.535 95.6777 381.33 95.6777H378.527V101.361C378.527 102.559 378.42 103.487 378.205 104.145Z" fill="#525252"/>
</g>
<g id="&#215;&#144;&#215;&#149;&#215;&#164;&#215;&#166;&#215;&#153;&#215;&#148; 2">
<path d="M266.253 198.224H257.445L261.957 194.168C264.093 192.248 265.629 190.424 265.629 187.832C265.629 184.976 263.757 182.96 260.493 182.96C257.253 182.96 255.765 184.928 255.117 186.896L256.917 187.592C257.373 186.008 258.333 184.76 260.397 184.76C262.461 184.76 263.493 186.032 263.493 187.88V188.168C263.493 189.776 262.293 191.456 260.733 192.896L255.261 197.936V200H266.253V198.224Z" fill="#161616"/>
<path d="M286.824 191.574V200H284.656V191.551C284.656 190.113 284.364 189.098 283.778 188.504C283.199 187.91 282.196 187.613 280.766 187.613H275.305V185.621H280.801C282.239 185.621 283.399 185.824 284.281 186.23C285.164 186.629 285.809 187.266 286.215 188.141C286.621 189.008 286.824 190.152 286.824 191.574ZM277.696 190.66V200H275.539V190.66H277.696Z" fill="#161616"/>
<path d="M292.438 185.621V193.18H290.282V185.621H292.438Z" fill="#161616"/>
<path d="M307.016 198.148V200H295.953V198.008H304.332L295.086 185.621H297.782L302.246 191.691C302.848 191.434 303.285 191.055 303.559 190.555C303.832 190.047 304.016 189.273 304.11 188.234L304.379 185.621H306.606L306.371 188.187C306.27 189.266 306.11 190.094 305.891 190.672C305.672 191.242 305.364 191.715 304.965 192.09C304.567 192.465 304.004 192.797 303.278 193.086L307.016 198.148Z" fill="#161616"/>
<path d="M319.18 192.008C319.18 190.531 318.856 189.43 318.207 188.703C317.559 187.977 316.539 187.613 315.149 187.613H311.914V191.668H314.762V193.66H309.723V185.621H315.172C317.266 185.621 318.821 186.144 319.836 187.191C320.86 188.23 321.371 189.852 321.371 192.055V193.016C321.371 197.672 319.168 200 314.762 200H309.852V198.008H314.821C316.305 198.008 317.403 197.598 318.114 196.777C318.824 195.949 319.18 194.703 319.18 193.039V192.008Z" fill="#161616"/>
<path d="M326.891 185.621V200H324.735V185.621H326.891Z" fill="#161616"/>
<path d="M332.914 195.277L331.977 200H329.703L330.688 195.324C330.969 193.98 331.227 193.035 331.461 192.488C331.696 191.934 331.989 191.484 332.34 191.141C332.699 190.797 333.18 190.504 333.782 190.262L330.395 185.621H333.055L338.34 192.898C338.926 192.352 339.391 191.691 339.735 190.918C340.086 190.137 340.317 189.242 340.426 188.234L340.696 185.621H342.922L342.653 188.187C342.567 189.047 342.41 189.801 342.184 190.449C342.028 190.894 341.84 191.32 341.621 191.727C341.403 192.125 341.121 192.539 340.778 192.969C340.442 193.398 340.004 193.879 339.465 194.41L343.696 200H340.953L334.766 191.598C334.141 191.902 333.696 192.43 333.43 193.18C333.352 193.375 333.27 193.648 333.184 194C333.106 194.352 333.016 194.777 332.914 195.277Z" fill="#161616"/>
</g>
<g id="&#215;&#144;&#215;&#149;&#215;&#164;&#215;&#166;&#215;&#153;&#215;&#148; 3">
<path d="M257.901 240.352V242.104H259.869C262.221 242.104 263.469 243.232 263.469 245.2V245.392C263.469 247.36 262.221 248.488 259.869 248.488C257.829 248.488 256.845 247.6 255.981 246.28L254.469 247.432C255.501 248.872 256.989 250.288 259.893 250.288C263.301 250.288 265.581 248.296 265.581 245.416C265.581 242.896 263.853 241.552 262.053 241.192V241.096C263.829 240.64 265.269 239.344 265.269 237.184C265.269 234.472 263.013 232.96 260.181 232.96C257.493 232.96 256.029 234.352 255.189 235.696L256.677 236.848C257.373 235.576 258.405 234.76 260.133 234.76C261.909 234.76 263.133 235.648 263.133 237.4V237.568C263.133 239.176 261.981 240.352 259.725 240.352H257.901Z" fill="#161616"/>
<path d="M286.824 241.574V250H284.656V241.551C284.656 240.113 284.363 239.098 283.777 238.504C283.199 237.91 282.195 237.613 280.765 237.613H275.305V235.621H280.801C282.238 235.621 283.398 235.824 284.281 236.23C285.164 236.629 285.808 237.266 286.215 238.141C286.621 239.008 286.824 240.152 286.824 241.574ZM277.695 240.66V250H275.539V240.66H277.695Z" fill="#161616"/>
<path d="M292.437 235.621V243.18H290.281V235.621H292.437Z" fill="#161616"/>
<path d="M307.015 248.148V250H295.953V248.008H304.332L295.086 235.621H297.781L302.246 241.691C302.847 241.434 303.285 241.055 303.558 240.555C303.832 240.047 304.015 239.273 304.109 238.234L304.379 235.621H306.605L306.371 238.187C306.269 239.266 306.109 240.094 305.89 240.672C305.672 241.242 305.363 241.715 304.965 242.09C304.566 242.465 304.004 242.797 303.277 243.086L307.015 248.148Z" fill="#161616"/>
<path d="M319.179 242.008C319.179 240.531 318.855 239.43 318.207 238.703C317.558 237.977 316.539 237.613 315.148 237.613H311.914V241.668H314.762V243.66H309.722V235.621H315.172C317.265 235.621 318.82 236.144 319.836 237.191C320.859 238.23 321.371 239.852 321.371 242.055V243.016C321.371 247.672 319.168 250 314.762 250H309.851V248.008H314.82C316.305 248.008 317.402 247.598 318.113 246.777C318.824 245.949 319.179 244.703 319.179 243.039V242.008Z" fill="#161616"/>
<path d="M326.89 235.621V250H324.734V235.621H326.89Z" fill="#161616"/>
<path d="M332.914 245.277L331.976 250H329.703L330.687 245.324C330.969 243.98 331.226 243.035 331.461 242.488C331.695 241.934 331.988 241.484 332.34 241.141C332.699 240.797 333.179 240.504 333.781 240.262L330.394 235.621H333.054L338.34 242.898C338.926 242.352 339.39 241.691 339.734 240.918C340.086 240.137 340.316 239.242 340.426 238.234L340.695 235.621H342.922L342.652 238.187C342.566 239.047 342.41 239.801 342.183 240.449C342.027 240.894 341.84 241.32 341.621 241.727C341.402 242.125 341.121 242.539 340.777 242.969C340.441 243.398 340.004 243.879 339.465 244.41L343.695 250H340.953L334.765 241.598C334.14 241.902 333.695 242.43 333.429 243.18C333.351 243.375 333.269 243.648 333.183 244C333.105 244.352 333.015 244.777 332.914 245.277Z" fill="#161616"/>
</g>
<g id="icon/toggle/check-box/checked/filled/16 copy 5">
<g id="icon / toggle / radio-button / unchecked / 20">
<path id="Fill" fill-rule="evenodd" clip-rule="evenodd" d="M372 128C364.268 128 358 134.268 358 142C358 149.732 364.268 156 372 156C379.732 156 386 149.732 386 142C386 138.287 384.525 134.726 381.899 132.101C379.274 129.475 375.713 128 372 128ZM372 154C365.373 154 360 148.627 360 142C360 135.373 365.373 130 372 130C378.627 130 384 135.373 384 142C384 148.627 378.627 154 372 154V154Z" fill="black"/>
</g>
<rect x="356" y="126" width="32" height="32" stroke="#161616"/>
</g>
<g id="icon/toggle/check-box/checked/filled/16 copy 6">
<g id="icon / toggle / radio-button / unchecked / 20_2">
<path id="Fill_2" fill-rule="evenodd" clip-rule="evenodd" d="M372 178C364.268 178 358 184.268 358 192C358 199.732 364.268 206 372 206C379.732 206 386 199.732 386 192C386 188.287 384.525 184.726 381.899 182.101C379.274 179.475 375.713 178 372 178ZM372 204C365.373 204 360 198.627 360 192C360 185.373 365.373 180 372 180C378.627 180 384 185.373 384 192C384 198.627 378.627 204 372 204V204Z" fill="black"/>
</g>
<rect x="356" y="176" width="32" height="32" stroke="#161616"/>
</g>
<g id="icon / toggle / radio-button / checked / 20">
<path id="Fill_3" fill-rule="evenodd" clip-rule="evenodd" d="M372 228C364.268 228 358 234.268 358 242C358 249.732 364.268 256 372 256C379.732 256 386 249.732 386 242C386 238.287 384.525 234.726 381.899 232.101C379.274 229.475 375.713 228 372 228ZM372 236C368.686 236 366 238.686 366 242C366 245.314 368.686 248 372 248C375.314 248 378 245.314 378 242C378 238.686 375.314 236 372 236ZM360 242C360 248.627 365.373 254 372 254C378.627 254 384 248.627 384 242C384 235.373 378.627 230 372 230C365.373 230 360 235.373 360 242Z" fill="black"/>
</g>
</g>
</svg>

Copied!

Text Direction Icon

More from Carbon Icons