Tm icon

circle-flags:tm

The Tm icon (circle-flags:tm) is a free SVG icon from the Circle Flags set by HatScripts. It is drawn on a 512 × 512 grid. Circle Flags 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: Circle Flags
Author: HatScripts
License: MIT
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs)"><path fill="#496e2d" d="M0 0h66l67 32l67-32h312v512H200l-67-32l-67 32H0Z"/><path fill="#d80027" d="M66 0h134v512H66Z"/><path fill="#eee" d="m280 96l6 17l-15 11h18l6 18l6-18h18l-15-11l6-17l-15 11zm88 15c31 19 44 58 32 92a78 78 0 0 1-83 51l15 7a78 78 0 1 0 53-146zm-40 9l6 17l-15 11h18l6 18l6-18h18l-15-11l6-17l-15 11zm-48 24l6 17l-15 11h18l6 18l6-18h18l-15-11l6-17l-15 11zm-48 24l6 17l-15 11h18l6 18l6-18h18l-15-11l6-17l-15 11zm48 24l6 17l-15 11h18l6 18l6-18h18l-15-11l6-17l-15 11zM97 52l24-24h24l24 24v24l-24 24h-24L97 76zm0 384l24-24h24l24 24v24l-24 24h-24l-24-24z"/><path fill="#ff9811" d="M66 0v47l31-31L81 0zm119 0l-16 16l31 31V0zm-64 28L97 52v12h36V28zm12 36v36h12l24-24V64zM66 81v62l31-31zm134 0l-31 31l31 31zm-84 31l-31 31v34l31 31l-31 31v34l31 31l-31 31v34l31 31h34l31-31v-34l-31-31l31-31v-34l-31-31l31-31v-34l-31-31zm-50 65v62l31-31zm134 0l-31 31l31 31zM66 273v62l31-31zm134 0l-31 31l31 31zM66 369v62l31-31zm134 0l-31 31l31 31zm-79 43l-24 24v12h36v-36zm12 36v36h12l24-24v-12zm-67 17v47h15l16-16zm134 0l-31 31l16 16h15z"/><path fill="#496e2d" d="m121 124l-24 24v24l24 24h24l24-24v-24l-24-24zm0 96l-24 24v24l24 24h24l24-24v-24l-24-24zm0 96l-24 24v24l24 24h24l24-24v-24l-24-24z"/><path fill="#d80027" d="M133 148a12 12 0 0 0-12 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-12-12m0 96a12 12 0 0 0-12 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-12-12m0 96a12 12 0 0 0-12 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12a12 12 0 0 0-12-12"/></g></svg>

How to use the Tm icon

React

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

<Icon icon="circle-flags:tm" width="24" />

Vue

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

<template>
  <Icon icon="circle-flags:tm" width="24" />
</template>

Svelte

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

<Icon icon="circle-flags:tm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[circle-flags--tm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/circle-flags -->
<div class="i-circle-flags:tm"></div>

Web component

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

<iconify-icon icon="circle-flags:tm"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/circle-flags/tm.svg" alt="Tm icon" width="24" height="24">

Tm icon in other icon sets

Tm icon FAQ

Is the Tm icon free for commercial use?

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

How do I use the Tm icon in React?

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

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

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

Browse all Circle Flags icons →