telegram alt icon
telegram-alt from Unicons by Iconscout · Line · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- telegram-alt
- Set
- Unicons
- Style
- Line
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons
Use the telegram alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.265 2.428a2.05 2.05 0 0 0-2.078-.324L2.266 9.339a2.043 2.043 0 0 0 .104 3.818l3.625 1.261l2.02 6.682a1 1 0 0 0 .119.252c.008.012.019.02.027.033a1 1 0 0 0 .211.215l.07.05a1 1 0 0 0 .31.136l.013.001l.006.003a1 1 0 0 0 .203.02l.018-.003a1 1 0 0 0 .301-.052q.033-.014.064-.03a1 1 0 0 0 .205-.114l.152-.129l2.702-2.983l4.03 3.122a2.02 2.02 0 0 0 1.241.427a2.054 2.054 0 0 0 2.008-1.633l3.263-16.017a2.03 2.03 0 0 0-.693-1.97M9.37 14.736a1 1 0 0 0-.272.506l-.31 1.504l-.784-2.593l4.065-2.117Zm8.302 5.304l-4.763-3.69a1 1 0 0 0-1.353.12l-.866.955l.306-1.487l7.083-7.083a1 1 0 0 0-1.169-1.593L6.745 12.554L3.02 11.191L20.999 4Z"/></svg>
React
import type { SVGProps } from "react";
export function UilTelegramAlt(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="M22.265 2.428a2.05 2.05 0 0 0-2.078-.324L2.266 9.339a2.043 2.043 0 0 0 .104 3.818l3.625 1.261l2.02 6.682a1 1 0 0 0 .119.252c.008.012.019.02.027.033a1 1 0 0 0 .211.215l.07.05a1 1 0 0 0 .31.136l.013.001l.006.003a1 1 0 0 0 .203.02l.018-.003a1 1 0 0 0 .301-.052q.033-.014.064-.03a1 1 0 0 0 .205-.114l.152-.129l2.702-2.983l4.03 3.122a2.02 2.02 0 0 0 1.241.427a2.054 2.054 0 0 0 2.008-1.633l3.263-16.017a2.03 2.03 0 0 0-.693-1.97M9.37 14.736a1 1 0 0 0-.272.506l-.31 1.504l-.784-2.593l4.065-2.117Zm8.302 5.304l-4.763-3.69a1 1 0 0 0-1.353.12l-.866.955l.306-1.487l7.083-7.083a1 1 0 0 0-1.169-1.593L6.745 12.554L3.02 11.191L20.999 4Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.265 2.428a2.05 2.05 0 0 0-2.078-.324L2.266 9.339a2.043 2.043 0 0 0 .104 3.818l3.625 1.261l2.02 6.682a1 1 0 0 0 .119.252c.008.012.019.02.027.033a1 1 0 0 0 .211.215l.07.05a1 1 0 0 0 .31.136l.013.001l.006.003a1 1 0 0 0 .203.02l.018-.003a1 1 0 0 0 .301-.052q.033-.014.064-.03a1 1 0 0 0 .205-.114l.152-.129l2.702-2.983l4.03 3.122a2.02 2.02 0 0 0 1.241.427a2.054 2.054 0 0 0 2.008-1.633l3.263-16.017a2.03 2.03 0 0 0-.693-1.97M9.37 14.736a1 1 0 0 0-.272.506l-.31 1.504l-.784-2.593l4.065-2.117Zm8.302 5.304l-4.763-3.69a1 1 0 0 0-1.353.12l-.866.955l.306-1.487l7.083-7.083a1 1 0 0 0-1.169-1.593L6.745 12.554L3.02 11.191L20.999 4Z"/></svg> </template>
CSS
.icon-telegram-alt {
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%22M22.265%202.428a2.05%202.05%200%200%200-2.078-.324L2.266%209.339a2.043%202.043%200%200%200%20.104%203.818l3.625%201.261l2.02%206.682a1%201%200%200%200%20.119.252c.008.012.019.02.027.033a1%201%200%200%200%20.211.215l.07.05a1%201%200%200%200%20.31.136l.013.001l.006.003a1%201%200%200%200%20.203.02l.018-.003a1%201%200%200%200%20.301-.052q.033-.014.064-.03a1%201%200%200%200%20.205-.114l.152-.129l2.702-2.983l4.03%203.122a2.02%202.02%200%200%200%201.241.427a2.054%202.054%200%200%200%202.008-1.633l3.263-16.017a2.03%202.03%200%200%200-.693-1.97M9.37%2014.736a1%201%200%200%200-.272.506l-.31%201.504l-.784-2.593l4.065-2.117Zm8.302%205.304l-4.763-3.69a1%201%200%200%200-1.353.12l-.866.955l.306-1.487l7.083-7.083a1%201%200%200%200-1.169-1.593L6.745%2012.554L3.02%2011.191L20.999%204Z%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%22M22.265%202.428a2.05%202.05%200%200%200-2.078-.324L2.266%209.339a2.043%202.043%200%200%200%20.104%203.818l3.625%201.261l2.02%206.682a1%201%200%200%200%20.119.252c.008.012.019.02.027.033a1%201%200%200%200%20.211.215l.07.05a1%201%200%200%200%20.31.136l.013.001l.006.003a1%201%200%200%200%20.203.02l.018-.003a1%201%200%200%200%20.301-.052q.033-.014.064-.03a1%201%200%200%200%20.205-.114l.152-.129l2.702-2.983l4.03%203.122a2.02%202.02%200%200%200%201.241.427a2.054%202.054%200%200%200%202.008-1.633l3.263-16.017a2.03%202.03%200%200%200-.693-1.97M9.37%2014.736a1%201%200%200%200-.272.506l-.31%201.504l-.784-2.593l4.065-2.117Zm8.302%205.304l-4.763-3.69a1%201%200%200%200-1.353.12l-.866.955l.306-1.487l7.083-7.083a1%201%200%200%200-1.169-1.593L6.745%2012.554L3.02%2011.191L20.999%204Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/telegram-alt.svg?color=%231a73e8&size=48
