twitter icon
twitter-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- twitter-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
twitter-fillAkar Iconstwitter-outlinedAnt Design IconstwitterBootstrap IconstwitterBoxicons BrandstwitterCoreUI BrandstwitterCodiconstwitterDevicontwitter-fillEva IconstwitterFont Awesome 6 BrandstwitterFont Awesome BrandstwitterFeather Iconstwitter-solidFlowbite Iconstwittercss.ggtwitterHuge IconstwitterIconParktwitterIconPark OutlinetwitterIconPark SolidtwitterIconPark TwoTonetwitterIconoirtwitterJam IconstwitterLine AwesometwitterMaterial Line IconstwitterSVG LogostwitterLucide
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" d="M3.776 5.618a1 1 0 0 1 1.76-.205C7.01 7.572 8.782 8.47 10.748 8.674c.096-.841.323-1.672.75-2.404c.626-1.074 1.644-1.864 3.098-2.156c2.01-.404 3.54.324 4.427 1.215l1.792-.335a1 1 0 0 1 1.053 1.478l-1.72 3.022c.157 4.361-1.055 7.405-3.639 9.502c-1.37 1.112-3.332 1.743-5.485 1.938c-2.17.196-4.623-.041-7.061-.753a1 1 0 0 1 .007-1.922c1.226-.349 2.16-.65 3.003-1.177c-1.199-.636-2.082-1.468-2.707-2.416c-.868-1.318-1.19-2.788-1.254-4.113S3.14 8 3.342 7.115c.115-.505.249-1.011.434-1.495z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteTwitterFill(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" d="M3.776 5.618a1 1 0 0 1 1.76-.205C7.01 7.572 8.782 8.47 10.748 8.674c.096-.841.323-1.672.75-2.404c.626-1.074 1.644-1.864 3.098-2.156c2.01-.404 3.54.324 4.427 1.215l1.792-.335a1 1 0 0 1 1.053 1.478l-1.72 3.022c.157 4.361-1.055 7.405-3.639 9.502c-1.37 1.112-3.332 1.743-5.485 1.938c-2.17.196-4.623-.041-7.061-.753a1 1 0 0 1 .007-1.922c1.226-.349 2.16-.65 3.003-1.177c-1.199-.636-2.082-1.468-2.707-2.416c-.868-1.318-1.19-2.788-1.254-4.113S3.14 8 3.342 7.115c.115-.505.249-1.011.434-1.495z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.776 5.618a1 1 0 0 1 1.76-.205C7.01 7.572 8.782 8.47 10.748 8.674c.096-.841.323-1.672.75-2.404c.626-1.074 1.644-1.864 3.098-2.156c2.01-.404 3.54.324 4.427 1.215l1.792-.335a1 1 0 0 1 1.053 1.478l-1.72 3.022c.157 4.361-1.055 7.405-3.639 9.502c-1.37 1.112-3.332 1.743-5.485 1.938c-2.17.196-4.623-.041-7.061-.753a1 1 0 0 1 .007-1.922c1.226-.349 2.16-.65 3.003-1.177c-1.199-.636-2.082-1.468-2.707-2.416c-.868-1.318-1.19-2.788-1.254-4.113S3.14 8 3.342 7.115c.115-.505.249-1.011.434-1.495z"/></svg> </template>
CSS
.icon-twitter-fill {
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%20d%3D%22M3.776%205.618a1%201%200%200%201%201.76-.205C7.01%207.572%208.782%208.47%2010.748%208.674c.096-.841.323-1.672.75-2.404c.626-1.074%201.644-1.864%203.098-2.156c2.01-.404%203.54.324%204.427%201.215l1.792-.335a1%201%200%200%201%201.053%201.478l-1.72%203.022c.157%204.361-1.055%207.405-3.639%209.502c-1.37%201.112-3.332%201.743-5.485%201.938c-2.17.196-4.623-.041-7.061-.753a1%201%200%200%201%20.007-1.922c1.226-.349%202.16-.65%203.003-1.177c-1.199-.636-2.082-1.468-2.707-2.416c-.868-1.318-1.19-2.788-1.254-4.113S3.14%208%203.342%207.115c.115-.505.249-1.011.434-1.495z%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%20d%3D%22M3.776%205.618a1%201%200%200%201%201.76-.205C7.01%207.572%208.782%208.47%2010.748%208.674c.096-.841.323-1.672.75-2.404c.626-1.074%201.644-1.864%203.098-2.156c2.01-.404%203.54.324%204.427%201.215l1.792-.335a1%201%200%200%201%201.053%201.478l-1.72%203.022c.157%204.361-1.055%207.405-3.639%209.502c-1.37%201.112-3.332%201.743-5.485%201.938c-2.17.196-4.623-.041-7.061-.753a1%201%200%200%201%20.007-1.922c1.226-.349%202.16-.65%203.003-1.177c-1.199-.636-2.082-1.468-2.707-2.416c-.868-1.318-1.19-2.788-1.254-4.113S3.14%208%203.342%207.115c.115-.505.249-1.011.434-1.495z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/twitter-fill.svg?color=%231a73e8&size=48
