twitter icon
twitter-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- twitter-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix 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
More logos icons from Remix Icon
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="M15.35 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.562-.212c-2.053-.28-4.021-1.226-5.91-2.799c-.597 3.31.57 5.603 3.383 7.372L9.4 16.014a.6.6 0 0 1 .035.993L7.843 18.17c.947.059 1.846.017 2.592-.131c4.718-.942 7.855-4.492 7.855-10.348c0-.478-1.013-2.141-2.94-2.141m-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.668-.645c-.334 1.64-.5 2.352-1.213 3.331c0 7.642-4.697 11.358-9.464 12.309c-3.267.652-8.02-.419-9.38-1.841c.693-.054 3.513-.357 5.143-1.55c-1.38-.91-6.868-4.14-3.261-12.823q2.54 2.966 5.15 4.037c1.157.475 1.442.466 1.973.538"/></svg>
React
import type { SVGProps } from "react";
export function RiTwitterLine(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="M15.35 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.562-.212c-2.053-.28-4.021-1.226-5.91-2.799c-.597 3.31.57 5.603 3.383 7.372L9.4 16.014a.6.6 0 0 1 .035.993L7.843 18.17c.947.059 1.846.017 2.592-.131c4.718-.942 7.855-4.492 7.855-10.348c0-.478-1.013-2.141-2.94-2.141m-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.668-.645c-.334 1.64-.5 2.352-1.213 3.331c0 7.642-4.697 11.358-9.464 12.309c-3.267.652-8.02-.419-9.38-1.841c.693-.054 3.513-.357 5.143-1.55c-1.38-.91-6.868-4.14-3.261-12.823q2.54 2.966 5.15 4.037c1.157.475 1.442.466 1.973.538"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.35 5.55a2.9 2.9 0 0 0-2.9 2.847l-.028 1.575a.6.6 0 0 1-.68.583l-1.562-.212c-2.053-.28-4.021-1.226-5.91-2.799c-.597 3.31.57 5.603 3.383 7.372L9.4 16.014a.6.6 0 0 1 .035.993L7.843 18.17c.947.059 1.846.017 2.592-.131c4.718-.942 7.855-4.492 7.855-10.348c0-.478-1.013-2.141-2.94-2.141m-4.9 2.81a4.9 4.9 0 0 1 8.385-3.355c.711-.005 1.316.175 2.668-.645c-.334 1.64-.5 2.352-1.213 3.331c0 7.642-4.697 11.358-9.464 12.309c-3.267.652-8.02-.419-9.38-1.841c.693-.054 3.513-.357 5.143-1.55c-1.38-.91-6.868-4.14-3.261-12.823q2.54 2.966 5.15 4.037c1.157.475 1.442.466 1.973.538"/></svg> </template>
CSS
.icon-twitter-line {
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%22M15.35%205.55a2.9%202.9%200%200%200-2.9%202.847l-.028%201.575a.6.6%200%200%201-.68.583l-1.562-.212c-2.053-.28-4.021-1.226-5.91-2.799c-.597%203.31.57%205.603%203.383%207.372L9.4%2016.014a.6.6%200%200%201%20.035.993L7.843%2018.17c.947.059%201.846.017%202.592-.131c4.718-.942%207.855-4.492%207.855-10.348c0-.478-1.013-2.141-2.94-2.141m-4.9%202.81a4.9%204.9%200%200%201%208.385-3.355c.711-.005%201.316.175%202.668-.645c-.334%201.64-.5%202.352-1.213%203.331c0%207.642-4.697%2011.358-9.464%2012.309c-3.267.652-8.02-.419-9.38-1.841c.693-.054%203.513-.357%205.143-1.55c-1.38-.91-6.868-4.14-3.261-12.823q2.54%202.966%205.15%204.037c1.157.475%201.442.466%201.973.538%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%22M15.35%205.55a2.9%202.9%200%200%200-2.9%202.847l-.028%201.575a.6.6%200%200%201-.68.583l-1.562-.212c-2.053-.28-4.021-1.226-5.91-2.799c-.597%203.31.57%205.603%203.383%207.372L9.4%2016.014a.6.6%200%200%201%20.035.993L7.843%2018.17c.947.059%201.846.017%202.592-.131c4.718-.942%207.855-4.492%207.855-10.348c0-.478-1.013-2.141-2.94-2.141m-4.9%202.81a4.9%204.9%200%200%201%208.385-3.355c.711-.005%201.316.175%202.668-.645c-.334%201.64-.5%202.352-1.213%203.331c0%207.642-4.697%2011.358-9.464%2012.309c-3.267.652-8.02-.419-9.38-1.841c.693-.054%203.513-.357%205.143-1.55c-1.38-.91-6.868-4.14-3.261-12.823q2.54%202.966%205.15%204.037c1.157.475%201.442.466%201.973.538%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/twitter-line.svg?color=%231a73e8&size=48
