x-twitter-square-brand

Tags: icon brand svg
Category: x

Examples

Heading

Smaller heading

Inline text

Example link text

An example notification with an icon!

Download

Download the SVG to use or edit.

Download SVG

SVG sprite

Draw the symbol of the sprite with a <use> element.

<svg width="24" height="24" fill="currentcolor" aria-hidden="true">
  <use href="chassis-icons.svg#x-twitter-square-brand"></use>
</svg>

Icon font

Put the class of the icon on an empty element.

<i class="cx-x-twitter-square-brand"></i>

Embedded

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentcolor" class="cx-x-twitter-square-brand" viewBox="0 0 24 24">
  <path d="M5.75 3.25H18.25C19.6172 3.25 20.75 4.38281 20.75 5.75V18.25C20.75 19.6562 19.6172 20.75 18.25 20.75H5.75C4.34375 20.75 3.25 19.6562 3.25 18.25V5.75C3.25 4.38281 4.34375 3.25 5.75 3.25ZM17.3516 6.53125H15.4766L12.4297 10.0469L9.77344 6.53125H5.94531L10.5156 12.5469L6.17969 17.4688H8.05469L11.4141 13.6797L14.3047 17.4688H18.0547L13.2891 11.1797L17.3516 6.53125ZM15.8672 16.375H14.8125L8.13281 7.58594H9.22656L15.8672 16.375Z"/>
</svg>

Code point

Paste the code point into your project.

Unicode:: U+F176
CSS:: \F176
JS:: \uF176
HTML:: 