twitter icon
twitter-solid from Flowbite Icons by Themesberg · Solid · Brands · MIT Free for personal and commercial use.
- Name
- twitter-solid
- Set
- Flowbite Icons
- Style
- Solid
- Category
- Brands
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
twitter-fillAkar Iconstwitter-outlinedAnt Design IconstwitterBootstrap IconstwitterBoxicons BrandstwitterCoreUI BrandstwitterCodiconstwitterDevicontwitter-fillEva IconstwitterFont Awesome 6 BrandstwitterFont Awesome BrandstwitterFeather Iconstwittercss.ggtwitterHuge IconstwitterIconParktwitterIconPark OutlinetwitterIconPark SolidtwitterIconPark TwoTonetwitterIconoirtwitterJam IconstwitterLine AwesometwitterMaterial Line IconstwitterSVG LogostwitterLucidetwitterMage Icons
More brands icons from Flowbite Icons
apple-solidaws-solidbitcoin-solidcss-soliddiscord-soliddribbble-soliddropbox-solidfacebook-solidflowbite-solidgithub-solidgitlab-solidgoogle-solidhtml-solidinstagram-solidlaravel-solidlinkedin-solidmastercard-solidmongo-db-solidnpm-solidreact-solidreddit-solidstackoverflow-solidtailwind-solidvisa-solid
Use the twitter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22 5.892a8.2 8.2 0 0 1-2.355.635a4.07 4.07 0 0 0 1.8-2.235a8.3 8.3 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.07 4.07 0 0 0-4.1 4.038q0 .466.105.919A11.7 11.7 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392a4.2 4.2 0 0 1-1.859-.5v.05A4.06 4.06 0 0 0 6.1 13.635a4.2 4.2 0 0 1-1.856.07a4.11 4.11 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184A11.73 11.73 0 0 0 8.291 20A11.5 11.5 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.1 8.1 0 0 0 22 5.892" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function FlowbiteTwitterSolid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M22 5.892a8.2 8.2 0 0 1-2.355.635a4.07 4.07 0 0 0 1.8-2.235a8.3 8.3 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.07 4.07 0 0 0-4.1 4.038q0 .466.105.919A11.7 11.7 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392a4.2 4.2 0 0 1-1.859-.5v.05A4.06 4.06 0 0 0 6.1 13.635a4.2 4.2 0 0 1-1.856.07a4.11 4.11 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184A11.73 11.73 0 0 0 8.291 20A11.5 11.5 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.1 8.1 0 0 0 22 5.892" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M22 5.892a8.2 8.2 0 0 1-2.355.635a4.07 4.07 0 0 0 1.8-2.235a8.3 8.3 0 0 1-2.605.981A4.13 4.13 0 0 0 15.85 4a4.07 4.07 0 0 0-4.1 4.038q0 .466.105.919A11.7 11.7 0 0 1 3.4 4.734a4.006 4.006 0 0 0 1.268 5.392a4.2 4.2 0 0 1-1.859-.5v.05A4.06 4.06 0 0 0 6.1 13.635a4.2 4.2 0 0 1-1.856.07a4.11 4.11 0 0 0 3.831 2.807A8.36 8.36 0 0 1 2 18.184A11.73 11.73 0 0 0 8.291 20A11.5 11.5 0 0 0 19.964 8.5c0-.177 0-.349-.012-.523A8.1 8.1 0 0 0 22 5.892" clip-rule="evenodd"/></svg> </template>
CSS
.icon-twitter-solid {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22%205.892a8.2%208.2%200%200%201-2.355.635a4.07%204.07%200%200%200%201.8-2.235a8.3%208.3%200%200%201-2.605.981A4.13%204.13%200%200%200%2015.85%204a4.07%204.07%200%200%200-4.1%204.038q0%20.466.105.919A11.7%2011.7%200%200%201%203.4%204.734a4.006%204.006%200%200%200%201.268%205.392a4.2%204.2%200%200%201-1.859-.5v.05A4.06%204.06%200%200%200%206.1%2013.635a4.2%204.2%200%200%201-1.856.07a4.11%204.11%200%200%200%203.831%202.807A8.36%208.36%200%200%201%202%2018.184A11.73%2011.73%200%200%200%208.291%2020A11.5%2011.5%200%200%200%2019.964%208.5c0-.177%200-.349-.012-.523A8.1%208.1%200%200%200%2022%205.892%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22%205.892a8.2%208.2%200%200%201-2.355.635a4.07%204.07%200%200%200%201.8-2.235a8.3%208.3%200%200%201-2.605.981A4.13%204.13%200%200%200%2015.85%204a4.07%204.07%200%200%200-4.1%204.038q0%20.466.105.919A11.7%2011.7%200%200%201%203.4%204.734a4.006%204.006%200%200%200%201.268%205.392a4.2%204.2%200%200%201-1.859-.5v.05A4.06%204.06%200%200%200%206.1%2013.635a4.2%204.2%200%200%201-1.856.07a4.11%204.11%200%200%200%203.831%202.807A8.36%208.36%200%200%201%202%2018.184A11.73%2011.73%200%200%200%208.291%2020A11.5%2011.5%200%200%200%2019.964%208.5c0-.177%200-.349-.012-.523A8.1%208.1%200%200%200%2022%205.892%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flowbite/twitter-solid.svg?color=%231a73e8&size=48
