telegram logo

telegram from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name
telegram
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

telegram-fillAkar Iconstelegram-filledAnt Design IconstelegramBootstrap IconstelegramBoxicons BrandstelegramCoreUI BrandstelegramFont Awesome 6 BrandstelegramHuge IconstelegramIconParktelegramIconPark OutlinetelegramIconoirtelegramJam IconstelegramLine AwesometelegramMaterial Line IconstelegramSVG LogostelegramMage IconstelegramMaterial Design Iconstelegram-fillMingCute IcontelegramMyna UI IconstelegramPixelarticonstelegramPrime Iconstelegram-fillRemix IcontelegramSimple Iconstelegram-outlineTeenyiconstelegramUnicons

Related icons in Font Awesome Brands

telegram-plane

Use the telegram logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 72C183 72 72 183 72 320s111 248 248 248s248-111 248-248S457 72 320 72m115 168.7c-3.7 39.2-19.9 134.4-28.1 178.3c-3.5 18.6-10.3 24.8-16.9 25.4c-14.4 1.3-25.3-9.5-39.3-18.7c-21.8-14.3-34.2-23.2-55.3-37.2c-24.5-16.1-8.6-25 5.3-39.5c3.7-3.8 67.1-61.5 68.3-66.7c.2-.7.3-3.1-1.2-4.4s-3.6-.8-5.1-.5c-2.2.5-37.1 23.5-104.6 69.1c-9.9 6.8-18.9 10.1-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1c-15.5-5-27.9-7.7-26.8-16.3c.6-4.5 6.7-9 18.4-13.7c72.3-31.5 120.5-52.3 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8c2.1 0 6.6.5 9.6 2.9c2 1.7 3.2 4.1 3.5 6.7c.5 3.2.6 6.5.4 9.8z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsTelegram(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 72C183 72 72 183 72 320s111 248 248 248s248-111 248-248S457 72 320 72m115 168.7c-3.7 39.2-19.9 134.4-28.1 178.3c-3.5 18.6-10.3 24.8-16.9 25.4c-14.4 1.3-25.3-9.5-39.3-18.7c-21.8-14.3-34.2-23.2-55.3-37.2c-24.5-16.1-8.6-25 5.3-39.5c3.7-3.8 67.1-61.5 68.3-66.7c.2-.7.3-3.1-1.2-4.4s-3.6-.8-5.1-.5c-2.2.5-37.1 23.5-104.6 69.1c-9.9 6.8-18.9 10.1-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1c-15.5-5-27.9-7.7-26.8-16.3c.6-4.5 6.7-9 18.4-13.7c72.3-31.5 120.5-52.3 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8c2.1 0 6.6.5 9.6 2.9c2 1.7 3.2 4.1 3.5 6.7c.5 3.2.6 6.5.4 9.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320 72C183 72 72 183 72 320s111 248 248 248s248-111 248-248S457 72 320 72m115 168.7c-3.7 39.2-19.9 134.4-28.1 178.3c-3.5 18.6-10.3 24.8-16.9 25.4c-14.4 1.3-25.3-9.5-39.3-18.7c-21.8-14.3-34.2-23.2-55.3-37.2c-24.5-16.1-8.6-25 5.3-39.5c3.7-3.8 67.1-61.5 68.3-66.7c.2-.7.3-3.1-1.2-4.4s-3.6-.8-5.1-.5c-2.2.5-37.1 23.5-104.6 69.1c-9.9 6.8-18.9 10.1-26.9 9.9c-8.9-.2-25.9-5-38.6-9.1c-15.5-5-27.9-7.7-26.8-16.3c.6-4.5 6.7-9 18.4-13.7c72.3-31.5 120.5-52.3 144.6-62.3c68.9-28.6 83.2-33.6 92.5-33.8c2.1 0 6.6.5 9.6 2.9c2 1.7 3.2 4.1 3.5 6.7c.5 3.2.6 6.5.4 9.8z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2072C183%2072%2072%20183%2072%20320s111%20248%20248%20248s248-111%20248-248S457%2072%20320%2072m115%20168.7c-3.7%2039.2-19.9%20134.4-28.1%20178.3c-3.5%2018.6-10.3%2024.8-16.9%2025.4c-14.4%201.3-25.3-9.5-39.3-18.7c-21.8-14.3-34.2-23.2-55.3-37.2c-24.5-16.1-8.6-25%205.3-39.5c3.7-3.8%2067.1-61.5%2068.3-66.7c.2-.7.3-3.1-1.2-4.4s-3.6-.8-5.1-.5c-2.2.5-37.1%2023.5-104.6%2069.1c-9.9%206.8-18.9%2010.1-26.9%209.9c-8.9-.2-25.9-5-38.6-9.1c-15.5-5-27.9-7.7-26.8-16.3c.6-4.5%206.7-9%2018.4-13.7c72.3-31.5%20120.5-52.3%20144.6-62.3c68.9-28.6%2083.2-33.6%2092.5-33.8c2.1%200%206.6.5%209.6%202.9c2%201.7%203.2%204.1%203.5%206.7c.5%203.2.6%206.5.4%209.8z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320%2072C183%2072%2072%20183%2072%20320s111%20248%20248%20248s248-111%20248-248S457%2072%20320%2072m115%20168.7c-3.7%2039.2-19.9%20134.4-28.1%20178.3c-3.5%2018.6-10.3%2024.8-16.9%2025.4c-14.4%201.3-25.3-9.5-39.3-18.7c-21.8-14.3-34.2-23.2-55.3-37.2c-24.5-16.1-8.6-25%205.3-39.5c3.7-3.8%2067.1-61.5%2068.3-66.7c.2-.7.3-3.1-1.2-4.4s-3.6-.8-5.1-.5c-2.2.5-37.1%2023.5-104.6%2069.1c-9.9%206.8-18.9%2010.1-26.9%209.9c-8.9-.2-25.9-5-38.6-9.1c-15.5-5-27.9-7.7-26.8-16.3c.6-4.5%206.7-9%2018.4-13.7c72.3-31.5%20120.5-52.3%20144.6-62.3c68.9-28.6%2083.2-33.6%2092.5-33.8c2.1%200%206.6.5%209.6%202.9c2%201.7%203.2%204.1%203.5%206.7c.5%203.2.6%206.5.4%209.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/telegram.svg?color=%231a73e8&size=48