ICONYZ
English
Text Circle Rectangle icon from Siemens Industrial Experience Icons

Text Circle Rectangle icon

ix:text-circle-rectangle

The Text Circle Rectangle icon (ix:text-circle-rectangle) is a free SVG icon from the Siemens Industrial Experience Icons set by Siemens AG. It is drawn on a 512 × 512 grid. Siemens Industrial Experience 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
Siemens Industrial Experience Icons
Author
Siemens AG
License
MIT
Size
512 × 512
Tags
textcircle, circlerectangle, textcirclerectangle
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M448 256v192H256V256zm-42.666 42.667H298.667v106.667h106.667zM255.947 128v64h-31.991l-10.665-21.333h-42.656V320l42.656 10.667v32H85.323v-32L127.979 320V170.667H85.323L74.659 192H42.667v-64zM384 42.667c47.128 0 85.334 38.205 85.334 85.333S431.128 213.334 384 213.334S298.667 175.129 298.667 128c0-47.128 38.206-85.333 85.333-85.333m0 42.667c-23.563 0-42.666 19.102-42.666 42.666s19.103 42.667 42.666 42.667c23.564 0 42.667-19.103 42.667-42.667S407.564 85.334 384 85.334"/></svg>

How to use the Text Circle Rectangle icon

React

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

<Icon icon="ix:text-circle-rectangle" width="24" />

Vue

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

<template>
  <Icon icon="ix:text-circle-rectangle" width="24" />
</template>

Svelte

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

<Icon icon="ix:text-circle-rectangle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--text-circle-rectangle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:text-circle-rectangle"></div>

Web component

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

<iconify-icon icon="ix:text-circle-rectangle"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/ix/text-circle-rectangle.svg" alt="Text Circle Rectangle icon" width="24" height="24">

Related icons in Siemens Industrial Experience Icons

Text Circle Rectangle icon FAQ

Is the Text Circle Rectangle icon free for commercial use?

Yes. Siemens Industrial Experience Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Text Circle Rectangle icon in React?

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

How do I add the Text Circle Rectangle icon to a web page?

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

Browse all Siemens Industrial Experience Icons →