telegram icon
telegram from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- telegram
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
telegram-fillAkar Iconstelegram-filledAnt Design IconstelegramBootstrap IconstelegramBoxicons BrandstelegramCoreUI BrandstelegramFont Awesome 6 BrandstelegramFont Awesome BrandstelegramHuge IconstelegramIconParktelegramIconPark OutlinetelegramIconoirtelegramJam IconstelegramLine AwesometelegramMaterial Line IconstelegramSVG LogostelegramMaterial Design Iconstelegram-fillMingCute IcontelegramMyna UI IconstelegramPixelarticonstelegramPrime Iconstelegram-fillRemix IcontelegramSimple Iconstelegram-outlineTeenyiconstelegramUnicons
Use the telegram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.077 2.001a10 10 0 0 1 7.077 3.014A10 10 0 0 1 22 12.167c-.678 13.192-19.556 13.08-20-.155a9.95 9.95 0 0 1 2.936-7.127a9.93 9.93 0 0 1 7.141-2.884m1.818 8.376s.016.01-.107.166a5 5 0 0 1-.489.512l-2.544 2.47c-.544.544-.533.878.1 1.334c.811.578 1.633 1.112 2.467 1.68c.833.567 1.855 1.4 2.278.177q.161-.49.244-1c.178-.98.356-1.958.511-2.948c.211-1.39.411-2.78.589-4.182c.089-.69-.278-1.001-.967-.834a5.6 5.6 0 0 0-.833.266l-7.256 3.06c-.688.288-1.377.6-2.055.934c-.167.088-.378.333-.367.5s.245.356.434.434c.466.189.966.322 1.455.478a2.38 2.38 0 0 0 2.222-.367a78 78 0 0 1 2.811-1.913c.445-.3.756-.467 1.19-.768c.222-.11.272-.162.317-.095z"/></svg>
React
import type { SVGProps } from "react";
export function MageTelegram(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="M12.077 2.001a10 10 0 0 1 7.077 3.014A10 10 0 0 1 22 12.167c-.678 13.192-19.556 13.08-20-.155a9.95 9.95 0 0 1 2.936-7.127a9.93 9.93 0 0 1 7.141-2.884m1.818 8.376s.016.01-.107.166a5 5 0 0 1-.489.512l-2.544 2.47c-.544.544-.533.878.1 1.334c.811.578 1.633 1.112 2.467 1.68c.833.567 1.855 1.4 2.278.177q.161-.49.244-1c.178-.98.356-1.958.511-2.948c.211-1.39.411-2.78.589-4.182c.089-.69-.278-1.001-.967-.834a5.6 5.6 0 0 0-.833.266l-7.256 3.06c-.688.288-1.377.6-2.055.934c-.167.088-.378.333-.367.5s.245.356.434.434c.466.189.966.322 1.455.478a2.38 2.38 0 0 0 2.222-.367a78 78 0 0 1 2.811-1.913c.445-.3.756-.467 1.19-.768c.222-.11.272-.162.317-.095z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.077 2.001a10 10 0 0 1 7.077 3.014A10 10 0 0 1 22 12.167c-.678 13.192-19.556 13.08-20-.155a9.95 9.95 0 0 1 2.936-7.127a9.93 9.93 0 0 1 7.141-2.884m1.818 8.376s.016.01-.107.166a5 5 0 0 1-.489.512l-2.544 2.47c-.544.544-.533.878.1 1.334c.811.578 1.633 1.112 2.467 1.68c.833.567 1.855 1.4 2.278.177q.161-.49.244-1c.178-.98.356-1.958.511-2.948c.211-1.39.411-2.78.589-4.182c.089-.69-.278-1.001-.967-.834a5.6 5.6 0 0 0-.833.266l-7.256 3.06c-.688.288-1.377.6-2.055.934c-.167.088-.378.333-.367.5s.245.356.434.434c.466.189.966.322 1.455.478a2.38 2.38 0 0 0 2.222-.367a78 78 0 0 1 2.811-1.913c.445-.3.756-.467 1.19-.768c.222-.11.272-.162.317-.095z"/></svg> </template>
CSS
.icon-telegram {
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%22M12.077%202.001a10%2010%200%200%201%207.077%203.014A10%2010%200%200%201%2022%2012.167c-.678%2013.192-19.556%2013.08-20-.155a9.95%209.95%200%200%201%202.936-7.127a9.93%209.93%200%200%201%207.141-2.884m1.818%208.376s.016.01-.107.166a5%205%200%200%201-.489.512l-2.544%202.47c-.544.544-.533.878.1%201.334c.811.578%201.633%201.112%202.467%201.68c.833.567%201.855%201.4%202.278.177q.161-.49.244-1c.178-.98.356-1.958.511-2.948c.211-1.39.411-2.78.589-4.182c.089-.69-.278-1.001-.967-.834a5.6%205.6%200%200%200-.833.266l-7.256%203.06c-.688.288-1.377.6-2.055.934c-.167.088-.378.333-.367.5s.245.356.434.434c.466.189.966.322%201.455.478a2.38%202.38%200%200%200%202.222-.367a78%2078%200%200%201%202.811-1.913c.445-.3.756-.467%201.19-.768c.222-.11.272-.162.317-.095z%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%22M12.077%202.001a10%2010%200%200%201%207.077%203.014A10%2010%200%200%201%2022%2012.167c-.678%2013.192-19.556%2013.08-20-.155a9.95%209.95%200%200%201%202.936-7.127a9.93%209.93%200%200%201%207.141-2.884m1.818%208.376s.016.01-.107.166a5%205%200%200%201-.489.512l-2.544%202.47c-.544.544-.533.878.1%201.334c.811.578%201.633%201.112%202.467%201.68c.833.567%201.855%201.4%202.278.177q.161-.49.244-1c.178-.98.356-1.958.511-2.948c.211-1.39.411-2.78.589-4.182c.089-.69-.278-1.001-.967-.834a5.6%205.6%200%200%200-.833.266l-7.256%203.06c-.688.288-1.377.6-2.055.934c-.167.088-.378.333-.367.5s.245.356.434.434c.466.189.966.322%201.455.478a2.38%202.38%200%200%200%202.222-.367a78%2078%200%200%201%202.811-1.913c.445-.3.756-.467%201.19-.768c.222-.11.272-.162.317-.095z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/telegram.svg?color=%231a73e8&size=48
