Telstra icon

thesvg-color:telstra

The Telstra icon (thesvg-color:telstra) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1456 × 401 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 1456 × 401

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1456" height="401" viewBox="0 0 1456 401"><path fill="#0099f8" d="M233.955 176.346H183.69l-30.16-54.882c-30.14-13.805-60.906-22.822-85.41-22.822c-23.312 0-42.24 6.315-54.828 21.45C4.42 130.847 0 144.127 0 159.919c0 47.398 37.213 113.167 100.907 166.816c56.78 47.421 119.24 73.976 164.703 73.976c22.683 0 40.978-6.959 52.986-20.846c9.454-10.748 13.222-24.682 13.222-40.476c0-46.055-37.48-110.62-97.863-163.043"/><path fill="#001e82" d="M1322.113 223.926c-18.658 0-32.047-16.663-32.047-39.421c0-28.854 15.414-52.02 40.163-52.02c20.288 0 33.674 16.664 33.674 39.421c0 30.48-17.453 52.02-41.79 52.02M1383.37 66.65l-4.466 22.758c-11.36-17.068-31.64-26.822-58.412-26.822c-64.095 0-109.935 56.895-109.935 132.892c0 54.862 35.295 97.128 84.783 97.128c23.124 0 43.405-10.973 57.204-28.855l-4.066 24.385h68.158l38.946-221.486Zm-920.104 87.375h-66.121c6.49-19.912 18.658-29.667 36.51-29.667c25.554 0 29.61 19.102 29.61 25.604Zm-23.529-92.657c-89.245 0-126.16 72.745-126.16 131.265c0 36.17 23.53 100.785 108.717 100.785c47.462 0 76.672-19.913 92.493-47.14L458.4 212.14c-9.331 12.597-19.877 18.287-33.264 18.287c-18.662 0-32.455-9.348-33.266-33.325h142.794c2.03-8.128 4.056-20.32 4.056-39.825c0-52.428-36.913-95.91-98.982-95.91m755.067 2.031c-13.791 0-40.16 5.69-53.952 28.448l3.246-25.196h-66.935l-38.946 221.486h80.726l19.07-109.727c4.867-22.353 24.743-38.607 46.245-38.607c7.303 0 10.953.406 14.604 1.624l15.01-75.588c-4.461-1.627-12.981-2.44-19.068-2.44m-216.353 67.055h48.679l11.36-63.803h-49.086l8.925-54.05h-79.108l-29.611 173.936c-11.764 68.275 34.48 102.819 87.217 102.819c12.171 0 19.471-1.22 23.122-2.031l11.766-67.056c-1.218.405-5.276 1.219-10.14 1.219c-19.88 0-36.51-10.566-32.05-36.576ZM598.484 0l-50.708 288.136h80.322L678.804 0ZM775.89 118.668c14.602 0 22.308 7.316 27.586 21.133l69.773-14.63c-6.084-38.202-38.134-63.805-90.057-63.805c-64.097 0-99.388 38.201-99.388 80.467c0 28.854 17.849 48.36 55.573 56.896l32.454 7.314c14.2 3.251 16.634 8.941 16.634 15.037c0 8.534-6.898 15.036-19.878 15.036c-15.417 0-27.586-7.315-31.237-23.977l-69.367 15.038c4.46 47.142 52.328 66.241 95.328 66.241c62.881 0 98.578-32.105 98.578-78.028c0-30.48-17.444-51.611-54.763-59.739l-32.047-6.91c-15.418-3.25-19.878-6.502-19.878-15.036c0-7.721 6.489-15.037 20.689-15.037M105.358 0c-11.37 0-20.819 7.644-23.337 19.644L71.943 74.59h90.067l-38.664 213.593h71.625c9.558 0 20.326-4.432 23.52-20.814l32.753-192.78h64.784c11.414 0 20.84-7.59 23.367-19.578L349.505 0Z"/></svg>

How to use the Telstra icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:telstra" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:telstra" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:telstra" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--telstra]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:telstra"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:telstra"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/telstra.svg" alt="Telstra icon" width="24" height="24">

Telstra icon FAQ

Is the Telstra icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Telstra icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:telstra" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Telstra icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/telstra.svg" alt="Telstra icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →