twitter icon
twitter-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.
- Name
- twitter-outlined
- Set
- Ant Design Icons
- Style
- Outlined
- Viewbox
- 1024×1024
- License
- MIT
- Aliases
- twitter, twitter-outline
The same icon in other sets
twitter-fillAkar IconstwitterBootstrap IconstwitterBoxicons BrandstwitterCoreUI BrandstwitterCodiconstwitterDevicontwitter-fillEva IconstwitterFont Awesome 6 BrandstwitterFont Awesome BrandstwitterFeather Iconstwitter-solidFlowbite Iconstwittercss.ggtwitterHuge IconstwitterIconParktwitterIconPark OutlinetwitterIconPark SolidtwitterIconPark TwoTonetwitterIconoirtwitterJam IconstwitterLine AwesometwitterMaterial Line IconstwitterSVG LogostwitterLucidetwitterMage Icons
Related icons in Ant Design Icons
Use the twitter icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0 0 75-94a336.6 336.6 0 0 1-108.2 41.2A170.1 170.1 0 0 0 672 174c-94.5 0-170.5 76.6-170.5 170.6c0 13.2 1.6 26.4 4.2 39.1c-141.5-7.4-267.7-75-351.6-178.5a169.3 169.3 0 0 0-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 0 1-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 0 1-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9c-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850C671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2c33.2-24.3 62.3-54.4 85.5-88.2"/></svg>
React
import type { SVGProps } from "react";
export function AntDesignTwitterOutlined(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0 0 75-94a336.6 336.6 0 0 1-108.2 41.2A170.1 170.1 0 0 0 672 174c-94.5 0-170.5 76.6-170.5 170.6c0 13.2 1.6 26.4 4.2 39.1c-141.5-7.4-267.7-75-351.6-178.5a169.3 169.3 0 0 0-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 0 1-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 0 1-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9c-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850C671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2c33.2-24.3 62.3-54.4 85.5-88.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0 0 75-94a336.6 336.6 0 0 1-108.2 41.2A170.1 170.1 0 0 0 672 174c-94.5 0-170.5 76.6-170.5 170.6c0 13.2 1.6 26.4 4.2 39.1c-141.5-7.4-267.7-75-351.6-178.5a169.3 169.3 0 0 0-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 0 1-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 0 1-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9c-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850C671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2c33.2-24.3 62.3-54.4 85.5-88.2"/></svg> </template>
CSS
.icon-twitter-outlined {
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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M928%20254.3c-30.6%2013.2-63.9%2022.7-98.2%2026.4a170.1%20170.1%200%200%200%2075-94a336.6%20336.6%200%200%201-108.2%2041.2A170.1%20170.1%200%200%200%20672%20174c-94.5%200-170.5%2076.6-170.5%20170.6c0%2013.2%201.6%2026.4%204.2%2039.1c-141.5-7.4-267.7-75-351.6-178.5a169.3%20169.3%200%200%200-23.2%2086.1c0%2059.2%2030.1%20111.4%2076%20142.1a172%20172%200%200%201-77.1-21.7v2.1c0%2082.9%2058.6%20151.6%20136.7%20167.4a180.6%20180.6%200%200%201-44.9%205.8c-11.1%200-21.6-1.1-32.2-2.6C211%20652%20273.9%20701.1%20348.8%20702.7c-58.6%2045.9-132%2072.9-211.7%2072.9c-14.3%200-27.5-.5-41.2-2.1C171.5%20822%20261.2%20850%20357.8%20850C671.4%20850%20843%20590.2%20843%20364.7c0-7.4%200-14.8-.5-22.2c33.2-24.3%2062.3-54.4%2085.5-88.2%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M928%20254.3c-30.6%2013.2-63.9%2022.7-98.2%2026.4a170.1%20170.1%200%200%200%2075-94a336.6%20336.6%200%200%201-108.2%2041.2A170.1%20170.1%200%200%200%20672%20174c-94.5%200-170.5%2076.6-170.5%20170.6c0%2013.2%201.6%2026.4%204.2%2039.1c-141.5-7.4-267.7-75-351.6-178.5a169.3%20169.3%200%200%200-23.2%2086.1c0%2059.2%2030.1%20111.4%2076%20142.1a172%20172%200%200%201-77.1-21.7v2.1c0%2082.9%2058.6%20151.6%20136.7%20167.4a180.6%20180.6%200%200%201-44.9%205.8c-11.1%200-21.6-1.1-32.2-2.6C211%20652%20273.9%20701.1%20348.8%20702.7c-58.6%2045.9-132%2072.9-211.7%2072.9c-14.3%200-27.5-.5-41.2-2.1C171.5%20822%20261.2%20850%20357.8%20850C671.4%20850%20843%20590.2%20843%20364.7c0-7.4%200-14.8-.5-22.2c33.2-24.3%2062.3-54.4%2085.5-88.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/twitter-outlined.svg?color=%231a73e8&size=48
