twitter icon
twitter-outline from Teenyicons by smhmd · Outline · MIT Free for personal and commercial use.
- Name
- twitter-outline
- Set
- Teenyicons
- Style
- Outline
- Viewbox
- 15×15
- License
- MIT
1 other variant in Teenyicons
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 15 15"><path fill="currentColor" d="m14.478 1.5l.5-.033a.5.5 0 0 0-.871-.301zm-.498 2.959a.5.5 0 1 0-1 0zm-6.49.082h-.5zm0 .959h.5zm-6.99 7V12a.5.5 0 0 0-.278.916zm.998-11l.469-.175a.5.5 0 0 0-.916-.048zm3.994 9l.354.353a.5.5 0 0 0-.195-.827zm7.224-8.027l-.37.336l.18.199l.265-.04zm1.264-.94c.051.778.003 1.25-.123 1.606c-.122.345-.336.629-.723 1l.692.722c.438-.42.776-.832.974-1.388c.193-.546.232-1.178.177-2.006zm0 3.654V4.46h-1v.728zm-6.99-.646V5.5h1v-.959zm0 .959V6h1v-.5zM10.525 1a3.54 3.54 0 0 0-3.537 3.541h1A2.54 2.54 0 0 1 10.526 2zm2.454 4.187C12.98 9.503 9.487 13 5.18 13v1c4.86 0 8.8-3.946 8.8-8.813zM1.03 1.675C1.574 3.127 3.614 6 7.49 6V5C4.174 5 2.421 2.54 1.966 1.325zm.021-.398C.004 3.373-.157 5.407.604 7.139c.759 1.727 2.392 3.055 4.73 3.835l.317-.948c-2.155-.72-3.518-1.892-4.132-3.29c-.612-1.393-.523-3.11.427-5.013zm4.087 8.87C4.536 10.75 2.726 12 .5 12v1c2.566 0 4.617-1.416 5.346-2.147zm7.949-8.009A3.45 3.45 0 0 0 10.526 1v1c.721 0 1.37.311 1.82.809zm-.296.83a3.5 3.5 0 0 0 2.06-1.134l-.744-.668a2.5 2.5 0 0 1-1.466.813zM.222 12.916C1.863 14.01 3.583 14 5.18 14v-1c-1.63 0-3.048-.011-4.402-.916z"/></svg>
React
import type { SVGProps } from "react";
export function TeenyiconsTwitterOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="m14.478 1.5l.5-.033a.5.5 0 0 0-.871-.301zm-.498 2.959a.5.5 0 1 0-1 0zm-6.49.082h-.5zm0 .959h.5zm-6.99 7V12a.5.5 0 0 0-.278.916zm.998-11l.469-.175a.5.5 0 0 0-.916-.048zm3.994 9l.354.353a.5.5 0 0 0-.195-.827zm7.224-8.027l-.37.336l.18.199l.265-.04zm1.264-.94c.051.778.003 1.25-.123 1.606c-.122.345-.336.629-.723 1l.692.722c.438-.42.776-.832.974-1.388c.193-.546.232-1.178.177-2.006zm0 3.654V4.46h-1v.728zm-6.99-.646V5.5h1v-.959zm0 .959V6h1v-.5zM10.525 1a3.54 3.54 0 0 0-3.537 3.541h1A2.54 2.54 0 0 1 10.526 2zm2.454 4.187C12.98 9.503 9.487 13 5.18 13v1c4.86 0 8.8-3.946 8.8-8.813zM1.03 1.675C1.574 3.127 3.614 6 7.49 6V5C4.174 5 2.421 2.54 1.966 1.325zm.021-.398C.004 3.373-.157 5.407.604 7.139c.759 1.727 2.392 3.055 4.73 3.835l.317-.948c-2.155-.72-3.518-1.892-4.132-3.29c-.612-1.393-.523-3.11.427-5.013zm4.087 8.87C4.536 10.75 2.726 12 .5 12v1c2.566 0 4.617-1.416 5.346-2.147zm7.949-8.009A3.45 3.45 0 0 0 10.526 1v1c.721 0 1.37.311 1.82.809zm-.296.83a3.5 3.5 0 0 0 2.06-1.134l-.744-.668a2.5 2.5 0 0 1-1.466.813zM.222 12.916C1.863 14.01 3.583 14 5.18 14v-1c-1.63 0-3.048-.011-4.402-.916z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 15 15"><path fill="currentColor" d="m14.478 1.5l.5-.033a.5.5 0 0 0-.871-.301zm-.498 2.959a.5.5 0 1 0-1 0zm-6.49.082h-.5zm0 .959h.5zm-6.99 7V12a.5.5 0 0 0-.278.916zm.998-11l.469-.175a.5.5 0 0 0-.916-.048zm3.994 9l.354.353a.5.5 0 0 0-.195-.827zm7.224-8.027l-.37.336l.18.199l.265-.04zm1.264-.94c.051.778.003 1.25-.123 1.606c-.122.345-.336.629-.723 1l.692.722c.438-.42.776-.832.974-1.388c.193-.546.232-1.178.177-2.006zm0 3.654V4.46h-1v.728zm-6.99-.646V5.5h1v-.959zm0 .959V6h1v-.5zM10.525 1a3.54 3.54 0 0 0-3.537 3.541h1A2.54 2.54 0 0 1 10.526 2zm2.454 4.187C12.98 9.503 9.487 13 5.18 13v1c4.86 0 8.8-3.946 8.8-8.813zM1.03 1.675C1.574 3.127 3.614 6 7.49 6V5C4.174 5 2.421 2.54 1.966 1.325zm.021-.398C.004 3.373-.157 5.407.604 7.139c.759 1.727 2.392 3.055 4.73 3.835l.317-.948c-2.155-.72-3.518-1.892-4.132-3.29c-.612-1.393-.523-3.11.427-5.013zm4.087 8.87C4.536 10.75 2.726 12 .5 12v1c2.566 0 4.617-1.416 5.346-2.147zm7.949-8.009A3.45 3.45 0 0 0 10.526 1v1c.721 0 1.37.311 1.82.809zm-.296.83a3.5 3.5 0 0 0 2.06-1.134l-.744-.668a2.5 2.5 0 0 1-1.466.813zM.222 12.916C1.863 14.01 3.583 14 5.18 14v-1c-1.63 0-3.048-.011-4.402-.916z"/></svg> </template>
CSS
.icon-twitter-outline {
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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.478%201.5l.5-.033a.5.5%200%200%200-.871-.301zm-.498%202.959a.5.5%200%201%200-1%200zm-6.49.082h-.5zm0%20.959h.5zm-6.99%207V12a.5.5%200%200%200-.278.916zm.998-11l.469-.175a.5.5%200%200%200-.916-.048zm3.994%209l.354.353a.5.5%200%200%200-.195-.827zm7.224-8.027l-.37.336l.18.199l.265-.04zm1.264-.94c.051.778.003%201.25-.123%201.606c-.122.345-.336.629-.723%201l.692.722c.438-.42.776-.832.974-1.388c.193-.546.232-1.178.177-2.006zm0%203.654V4.46h-1v.728zm-6.99-.646V5.5h1v-.959zm0%20.959V6h1v-.5zM10.525%201a3.54%203.54%200%200%200-3.537%203.541h1A2.54%202.54%200%200%201%2010.526%202zm2.454%204.187C12.98%209.503%209.487%2013%205.18%2013v1c4.86%200%208.8-3.946%208.8-8.813zM1.03%201.675C1.574%203.127%203.614%206%207.49%206V5C4.174%205%202.421%202.54%201.966%201.325zm.021-.398C.004%203.373-.157%205.407.604%207.139c.759%201.727%202.392%203.055%204.73%203.835l.317-.948c-2.155-.72-3.518-1.892-4.132-3.29c-.612-1.393-.523-3.11.427-5.013zm4.087%208.87C4.536%2010.75%202.726%2012%20.5%2012v1c2.566%200%204.617-1.416%205.346-2.147zm7.949-8.009A3.45%203.45%200%200%200%2010.526%201v1c.721%200%201.37.311%201.82.809zm-.296.83a3.5%203.5%200%200%200%202.06-1.134l-.744-.668a2.5%202.5%200%200%201-1.466.813zM.222%2012.916C1.863%2014.01%203.583%2014%205.18%2014v-1c-1.63%200-3.048-.011-4.402-.916z%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%2015%2015%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m14.478%201.5l.5-.033a.5.5%200%200%200-.871-.301zm-.498%202.959a.5.5%200%201%200-1%200zm-6.49.082h-.5zm0%20.959h.5zm-6.99%207V12a.5.5%200%200%200-.278.916zm.998-11l.469-.175a.5.5%200%200%200-.916-.048zm3.994%209l.354.353a.5.5%200%200%200-.195-.827zm7.224-8.027l-.37.336l.18.199l.265-.04zm1.264-.94c.051.778.003%201.25-.123%201.606c-.122.345-.336.629-.723%201l.692.722c.438-.42.776-.832.974-1.388c.193-.546.232-1.178.177-2.006zm0%203.654V4.46h-1v.728zm-6.99-.646V5.5h1v-.959zm0%20.959V6h1v-.5zM10.525%201a3.54%203.54%200%200%200-3.537%203.541h1A2.54%202.54%200%200%201%2010.526%202zm2.454%204.187C12.98%209.503%209.487%2013%205.18%2013v1c4.86%200%208.8-3.946%208.8-8.813zM1.03%201.675C1.574%203.127%203.614%206%207.49%206V5C4.174%205%202.421%202.54%201.966%201.325zm.021-.398C.004%203.373-.157%205.407.604%207.139c.759%201.727%202.392%203.055%204.73%203.835l.317-.948c-2.155-.72-3.518-1.892-4.132-3.29c-.612-1.393-.523-3.11.427-5.013zm4.087%208.87C4.536%2010.75%202.726%2012%20.5%2012v1c2.566%200%204.617-1.416%205.346-2.147zm7.949-8.009A3.45%203.45%200%200%200%2010.526%201v1c.721%200%201.37.311%201.82.809zm-.296.83a3.5%203.5%200%200%200%202.06-1.134l-.744-.668a2.5%202.5%200%200%201-1.466.813zM.222%2012.916C1.863%2014.01%203.583%2014%205.18%2014v-1c-1.63%200-3.048-.011-4.402-.916z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/teenyicons/twitter-outline.svg?color=%231a73e8&size=48
