Twitter X Logo SVG, PNG | New Twitter Icon SVG Code Download X Corp (Elon Musk)

New Twitter X Logo (SVG / PNG): Elon Musk introduced the new Twitter X logo on July 24, 2023. It features a white stylized "X" on a black background or vice versa, replacing the old blue bird logo. The X logo now represents Twitter's brand across its website, app, and materials. Musk's vision for it is to turn Twitter into an "everything app," offering diverse services beyond social media. Some find its simplicity and modern look appealing, while others criticize it for being too plain. Download the Twitter X Logo PNG and SVG Icon Code below.

★ Official Color Code of New Twitter X Logo:

Format	Color Code
Hexadecimal (Hex)	#0F1419
Short Hexadecimal	#0F1
RGB	rgb(15, 20, 25)
RGBA	rgba(15, 20, 25, 1.00)
HSL	hsl(210, 25%, 10%)
HSLA	hsla(210, 25%, 10%, 1.00)
CMYK	cmyk(40, 20, 0, 90) (Approximate)
Lab	lab(4, -1, -5) (Approximate)

written

reviewed

updated

Twitter X Logo SVG Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1">
 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>

xxxxxxxxxx
 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1">
 <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>

Run

Output of New Twitter X Svg Code

Twitter X with Square Background Svg Code

<svg  fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="200">
  <defs>&lt; path id="pathAttribute" d="M 8.917969 7.773438 L 367.417969 7.773438 L 367.417969 366.273438 L 8.917969
    366.273438 Z M 8.917969 7.773438 " /&gt; </defs>
  <g>
    <path 
      d="M 344.105469 366.273438 L 32.230469 366.273438 C 19.386719 366.273438 8.917969 355.808594 8.917969 342.960938 L 8.917969 31.085938 C 8.917969 18.242188 19.386719 7.773438 32.230469 7.773438 L 344.105469 7.773438 C 356.949219 7.773438 367.417969 18.242188 367.417969 31.085938 L 367.417969 342.960938 C 367.417969 355.808594 356.949219 366.273438 344.105469 366.273438 "
      fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  </g>
  <g  transform="translate(90,80) "> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
      version="1.1"  height="196" width="196">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
         fill="#ffffff"></path>
    </svg> </g>
</svg>

xxxxxxxxxx
 
<svg  fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200" zoomAndPan="magnify" viewBox="0 0 375 374.999991" height="200">
  <defs>&lt; path id="pathAttribute" d="M 8.917969 7.773438 L 367.417969 7.773438 L 367.417969 366.273438 L 8.917969
    366.273438 Z M 8.917969 7.773438 " /&gt; </defs>
  <g>
    <path 
      d="M 344.105469 366.273438 L 32.230469 366.273438 C 19.386719 366.273438 8.917969 355.808594 8.917969 342.960938 L 8.917969 31.085938 C 8.917969 18.242188 19.386719 7.773438 32.230469 7.773438 L 344.105469 7.773438 C 356.949219 7.773438 367.417969 18.242188 367.417969 31.085938 L 367.417969 342.960938 C 367.417969 355.808594 356.949219 366.273438 344.105469 366.273438 "
      fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  </g>
  <g  transform="translate(90,80) "> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
      version="1.1"  height="196" width="196">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
         fill="#ffffff"></path>
    </svg> </g>
</svg>

Run

Output of Twitter X with Square Background

Twitter X icon with Circle Background Svg Code

<svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
  zoomAndPan="magnify" viewBox="0 0 375 374.9999" height="200" preserveAspectRatio="xMidYMid meet" version="1.0">
  <defs>
    <path d="M 7.09375 7.09375 L 367.84375 7.09375 L 367.84375 367.84375 L 7.09375 367.84375 Z M 7.09375 7.09375 "
      fill="#000000"></path>
  </defs>
  <g>
    <path
      d="M 187.46875 7.09375 C 87.851562 7.09375 7.09375 87.851562 7.09375 187.46875 C 7.09375 287.085938 87.851562 367.84375 187.46875 367.84375 C 287.085938 367.84375 367.84375 287.085938 367.84375 187.46875 C 367.84375 87.851562 287.085938 7.09375 187.46875 7.09375 "
      fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  </g>
  <g transform="translate(85, 75)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"
      height="215" width="215">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
        fill="#ffffff"></path>
    </svg> </g>
</svg>

xxxxxxxxxx
 
<svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
  zoomAndPan="magnify" viewBox="0 0 375 374.9999" height="200" preserveAspectRatio="xMidYMid meet" version="1.0">
  <defs>
    <path d="M 7.09375 7.09375 L 367.84375 7.09375 L 367.84375 367.84375 L 7.09375 367.84375 Z M 7.09375 7.09375 "
      fill="#000000"></path>
  </defs>
  <g>
    <path
      d="M 187.46875 7.09375 C 87.851562 7.09375 7.09375 87.851562 7.09375 187.46875 C 7.09375 287.085938 87.851562 367.84375 187.46875 367.84375 C 287.085938 367.84375 367.84375 287.085938 367.84375 187.46875 C 367.84375 87.851562 287.085938 7.09375 187.46875 7.09375 "
      fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  </g>
  <g transform="translate(85, 75)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"
      height="215" width="215">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
        fill="#ffffff"></path>
    </svg> </g>
</svg>

Run

Output of Twitter X icon with Circle Background

Twitter X Icon with outline circle

<svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
  zoomAndPan="magnify" viewBox="0 0 375 374.9999" height="200" version="1.0">
  <defs>
    <path
      d="M 11.972656 11.972656 L 359.222656 11.972656 L 359.222656 359.222656 L 11.972656 359.222656 Z M 11.972656 11.972656 "
      fill="#000000"></path>
  </defs>
  <g>
    <path
      d="M 185.597656 359.222656 C 89.675781 359.222656 11.972656 280.984375 11.972656 185.597656 C 11.972656 90.210938 89.675781 11.972656 185.597656 11.972656 C 281.519531 11.972656 359.222656 89.675781 359.222656 185.597656 C 359.222656 281.519531 280.984375 359.222656 185.597656 359.222656 Z M 185.597656 22.691406 C 95.570312 22.691406 22.691406 95.570312 22.691406 185.597656 C 22.691406 275.625 95.570312 348.503906 185.597656 348.503906 C 275.625 348.503906 348.503906 275.625 348.503906 185.597656 C 348.503906 95.570312 275.089844 22.691406 185.597656 22.691406 Z M 185.597656 22.691406 "
      fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  </g>
  <g transform="translate(85, 75)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"
      height="205" width="205">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
        fill="#000000"></path>
    </svg> </g>
</svg>

xxxxxxxxxx
 
<svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
  zoomAndPan="magnify" viewBox="0 0 375 374.9999" height="200" version="1.0">
  <defs>
    <path
      d="M 11.972656 11.972656 L 359.222656 11.972656 L 359.222656 359.222656 L 11.972656 359.222656 Z M 11.972656 11.972656 "
      fill="#000000"></path>
  </defs>
  <g>
    <path
      d="M 185.597656 359.222656 C 89.675781 359.222656 11.972656 280.984375 11.972656 185.597656 C 11.972656 90.210938 89.675781 11.972656 185.597656 11.972656 C 281.519531 11.972656 359.222656 89.675781 359.222656 185.597656 C 359.222656 281.519531 280.984375 359.222656 185.597656 359.222656 Z M 185.597656 22.691406 C 95.570312 22.691406 22.691406 95.570312 22.691406 185.597656 C 22.691406 275.625 95.570312 348.503906 185.597656 348.503906 C 275.625 348.503906 348.503906 275.625 348.503906 185.597656 C 348.503906 95.570312 275.089844 22.691406 185.597656 22.691406 Z M 185.597656 22.691406 "
      fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  </g>
  <g transform="translate(85, 75)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"
      height="205" width="205">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
        fill="#000000"></path>
    </svg> </g>
</svg>

Run

Output of above example

Twitter X Svg icon with Octagon Background

<svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
  zoomAndPan="magnify" viewBox="0 0 375 374.9999" height="200" preserveAspectRatio="xMidYMid meet" version="1.0">
  <defs>
    <path
      d="M 11.972656 11.972656 L 362.972656 11.972656 L 362.972656 362.972656 L 11.972656 362.972656 Z M 11.972656 11.972656 "
      fill="#000000"></path>
  </defs>
  <path
    d="M 255.777344 22.503906 L 352.441406 119.167969 L 352.441406 255.847656 L 255.777344 352.441406 L 119.167969 352.441406 L 22.503906 255.777344 L 22.503906 119.167969 L 119.167969 22.503906 L 255.777344 22.503906 M 260.199219 11.972656 L 114.746094 11.972656 L 11.972656 114.746094 L 11.972656 260.128906 L 114.746094 362.972656 L 260.128906 362.972656 L 362.972656 260.199219 L 362.972656 114.746094 Z M 260.199219 11.972656 "
    fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  <g transform="translate(90 80)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"
      height="203" width="203">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
        fill="#000000"></path>
    </svg> </g>
</svg>

xxxxxxxxxx
 
<svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200"
  zoomAndPan="magnify" viewBox="0 0 375 374.9999" height="200" preserveAspectRatio="xMidYMid meet" version="1.0">
  <defs>
    <path
      d="M 11.972656 11.972656 L 362.972656 11.972656 L 362.972656 362.972656 L 11.972656 362.972656 Z M 11.972656 11.972656 "
      fill="#000000"></path>
  </defs>
  <path
    d="M 255.777344 22.503906 L 352.441406 119.167969 L 352.441406 255.847656 L 255.777344 352.441406 L 119.167969 352.441406 L 22.503906 255.777344 L 22.503906 119.167969 L 119.167969 22.503906 L 255.777344 22.503906 M 260.199219 11.972656 L 114.746094 11.972656 L 11.972656 114.746094 L 11.972656 260.128906 L 114.746094 362.972656 L 260.128906 362.972656 L 362.972656 260.199219 L 362.972656 114.746094 Z M 260.199219 11.972656 "
    fill-opacity="1" fill-rule="nonzero" fill="#000000"></path>
  <g transform="translate(90 80)"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"
      height="203" width="203">
      <path
        d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"
        fill="#000000"></path>
    </svg> </g>
</svg>

Run

Output of above example

Twitter X Svg icon with Reactangle Background

 <svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    width="183" viewBox="0 0 375 374.9999" height="183" version="1.0">
    <defs>
      <path 
        d="M 7.773438 7.773438 L 368.523438 7.773438 L 368.523438 366.273438 L 7.773438 366.273438 Z M 7.773438 7.773438 "
        fill="#0f1914"></path>
    </defs>
    <g>
      <path 
        d="M 7.773438 7.773438 L 368.523438 7.773438 L 368.523438 366.273438 L 7.773438 366.273438 L 7.773438 7.773438 "
        fill-opacity="1" fill-rule="nonzero" fill="#0f1914"></path>
    </g>
    <g  class="svgg" transform="translate(90,70) "> <svg width="220" height="220" viewBox="0 0 300 300"
        version="1.1" xmlns="http://www.w3.org/2000/svg" >
        <path
          d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"
          fill="#ffffff"></path>
      </svg> </g>
  </svg>

xxxxxxxxxx
 
 <svg fill="#DC7633" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
    width="183" viewBox="0 0 375 374.9999" height="183" version="1.0">
    <defs>
      <path 
        d="M 7.773438 7.773438 L 368.523438 7.773438 L 368.523438 366.273438 L 7.773438 366.273438 Z M 7.773438 7.773438 "
        fill="#0f1914"></path>
    </defs>
    <g>
      <path 
        d="M 7.773438 7.773438 L 368.523438 7.773438 L 368.523438 366.273438 L 7.773438 366.273438 L 7.773438 7.773438 "
        fill-opacity="1" fill-rule="nonzero" fill="#0f1914"></path>
    </g>
    <g  class="svgg" transform="translate(90,70) "> <svg width="220" height="220" viewBox="0 0 300 300"
        version="1.1" xmlns="http://www.w3.org/2000/svg" >
        <path
          d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"
          fill="#ffffff"></path>
      </svg> </g>
  </svg>

Run

New Twitter X Logo PNG | Download [ 25+ Design]

Introducing the New Twitter X Logo PNG Design. Download the Twitter X logo that Elon Musk teased on July 23, 2023. It features a simple white "X" on a blue background, reflecting a more open and inclusive vision for the platform. Some praise its minimalism, while others find it bland. Time will reveal its impact. Pros: Minimalist, Reflects Musk's vision. Cons: Bland, Less recognizable at small sizes. Overall, a significant departure from the traditional Twitter logo.

Download TWITTER X SVG ICON CODE

Twitter New Logo PNG Vs Old Twitter Logo PNG

The old logo, featuring a blue bird with three overlapping circles, served Twitter for over a decade. In 2023, Elon Musk introduced a new logo, a white X, symbolizing the new era of Twitter under his leadership. The updated logo reflects a more modern and angular design, departing from the rounded and friendly appearance of the previous version. The blue color was replaced with a clean white, and the font changed to "Twitter Sans" from "Helvetica Neue.

Feature	Old Twitter Logo	New Twitter Logo
Shape	A blue bird with three overlapping circles	A white X
Color	Blue	White
Font	Helvetica Neue	Twitter Sans
Style	Rounded and friendly	Angular and modern
Meaning	The bird symbolizes tweeting, messaging, and .sharing	The X represents the new era under Elon Musk
Period	2012-2023	2023-Present
Introduction	First introduced in 2012	Introduced in 2023

Fontawesome Icons

Material Design Icons

Disclaimer: All icons are added from various publically available open sources licensed under MIT, SIL, Apache 2.0, CC0 1.0, and ISC. FontAwesomeIcons.com is not related anyway to fontawesome.com, we are separate entity. If case of any copyright issue or feedback please connect us now -

fontawesomeicons.com

Trending