telegram icon
telegram from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- telegram
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 20×20
- License
- MIT
The same icon in other sets
telegram-fillAkar IconstelegramBootstrap IconstelegramBoxicons BrandstelegramFont Awesome 6 BrandstelegramHuge IconstelegramIconoirtelegramLine AwesometelegramMaterial Line IconstelegramSVG LogostelegramMage IconstelegramMaterial Design Iconstelegram-fillMingCute IcontelegramPixelarticonstelegram-fillRemix IcontelegramSimple Iconstelegram-outlineTeenyiconstelegramUniconstelegramUnicons Monochrome
Use the telegram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10S4.477 0 10 0m4.442 6c-.381.007-.966.207-3.779 1.362a485 485 0 0 0-5.907 2.512q-.72.283-.753.553c-.044.346.46.453 1.094.657c.517.166 1.213.36 1.575.368q.492.01 1.098-.4q4.139-2.76 4.273-2.789c.063-.014.15-.032.21.02c.059.052.053.15.046.177c-.05.211-2.641 2.538-2.79 2.691l-.072.072c-.55.543-1.105.898-.147 1.521c.866.563 1.37.922 2.26 1.5c.57.368 1.017.805 1.605.752c.271-.025.55-.276.693-1.026c.335-1.77.995-5.608 1.147-7.19a1.7 1.7 0 0 0-.017-.393a.42.42 0 0 0-.144-.27c-.121-.098-.309-.118-.392-.117"/></svg>
React
import type { SVGProps } from "react";
export function JamTelegram(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10S4.477 0 10 0m4.442 6c-.381.007-.966.207-3.779 1.362a485 485 0 0 0-5.907 2.512q-.72.283-.753.553c-.044.346.46.453 1.094.657c.517.166 1.213.36 1.575.368q.492.01 1.098-.4q4.139-2.76 4.273-2.789c.063-.014.15-.032.21.02c.059.052.053.15.046.177c-.05.211-2.641 2.538-2.79 2.691l-.072.072c-.55.543-1.105.898-.147 1.521c.866.563 1.37.922 2.26 1.5c.57.368 1.017.805 1.605.752c.271-.025.55-.276.693-1.026c.335-1.77.995-5.608 1.147-7.19a1.7 1.7 0 0 0-.017-.393a.42.42 0 0 0-.144-.27c-.121-.098-.309-.118-.392-.117"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10S4.477 0 10 0m4.442 6c-.381.007-.966.207-3.779 1.362a485 485 0 0 0-5.907 2.512q-.72.283-.753.553c-.044.346.46.453 1.094.657c.517.166 1.213.36 1.575.368q.492.01 1.098-.4q4.139-2.76 4.273-2.789c.063-.014.15-.032.21.02c.059.052.053.15.046.177c-.05.211-2.641 2.538-2.79 2.691l-.072.072c-.55.543-1.105.898-.147 1.521c.866.563 1.37.922 2.26 1.5c.57.368 1.017.805 1.605.752c.271-.025.55-.276.693-1.026c.335-1.77.995-5.608 1.147-7.19a1.7 1.7 0 0 0-.017-.393a.42.42 0 0 0-.144-.27c-.121-.098-.309-.118-.392-.117"/></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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%200c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S0%2015.523%200%2010S4.477%200%2010%200m4.442%206c-.381.007-.966.207-3.779%201.362a485%20485%200%200%200-5.907%202.512q-.72.283-.753.553c-.044.346.46.453%201.094.657c.517.166%201.213.36%201.575.368q.492.01%201.098-.4q4.139-2.76%204.273-2.789c.063-.014.15-.032.21.02c.059.052.053.15.046.177c-.05.211-2.641%202.538-2.79%202.691l-.072.072c-.55.543-1.105.898-.147%201.521c.866.563%201.37.922%202.26%201.5c.57.368%201.017.805%201.605.752c.271-.025.55-.276.693-1.026c.335-1.77.995-5.608%201.147-7.19a1.7%201.7%200%200%200-.017-.393a.42.42%200%200%200-.144-.27c-.121-.098-.309-.118-.392-.117%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10%200c5.523%200%2010%204.477%2010%2010s-4.477%2010-10%2010S0%2015.523%200%2010S4.477%200%2010%200m4.442%206c-.381.007-.966.207-3.779%201.362a485%20485%200%200%200-5.907%202.512q-.72.283-.753.553c-.044.346.46.453%201.094.657c.517.166%201.213.36%201.575.368q.492.01%201.098-.4q4.139-2.76%204.273-2.789c.063-.014.15-.032.21.02c.059.052.053.15.046.177c-.05.211-2.641%202.538-2.79%202.691l-.072.072c-.55.543-1.105.898-.147%201.521c.866.563%201.37.922%202.26%201.5c.57.368%201.017.805%201.605.752c.271-.025.55-.276.693-1.026c.335-1.77.995-5.608%201.147-7.19a1.7%201.7%200%200%200-.017-.393a.42.42%200%200%200-.144-.27c-.121-.098-.309-.118-.392-.117%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/telegram.svg?color=%231a73e8&size=48
