Blazor icon
ix:blazor
The Blazor icon (ix:blazor) 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
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="M446.614 63.538c.394.229.724.553.96.942a191.63 191.63 0 0 1 18.809 122.187v.018C447.335 306.086 344.749 394.212 223.841 395.04a179.7 179.7 0 0 1-35.45-2.133c-50.49-8.576-88.136-51.25-90.346-102.418c.22-57.814 46.933-104.68 104.746-105.09c57.813-.408 105.185 45.792 106.223 103.597c.444 17.476-7.129 32.818-22.702 33.262c-16.64 0-24.427-11.875-24.427-27.858v-44.444c.02-14.97-12.053-27.146-27.022-27.253H197.6c-29.854-.197-55.984 20.012-63.302 48.955s6.069 59.143 32.428 73.159c26.36 14.015 58.882 8.226 78.785-14.025l1.298-1.956l1.315 2.151a45.87 45.87 0 0 0 39.111 18.631c27.988-2.032 49.249-26.014 47.911-54.044a140.7 140.7 0 0 0-3.857-34.365c-14.271-65.86-75.98-110.306-142.969-102.97c-66.988 7.334-117.618 64.08-117.298 131.468c.857 71.68 58.258 129.843 129.92 131.645c0 0 7.17.653 16.138.671h.82c1.237-.003 2.504-.018 3.789-.05a280.94 280.94 0 0 0 150.666-44.941c.64-.445 1.28.444.854 1.084a221.16 221.16 0 0 1-172.267 70.453A155.45 155.45 0 0 1 42.72 289.067a160.87 160.87 0 0 1 64.622-128.836a157.57 157.57 0 0 1 92.96-30.684h50.009a140.7 140.7 0 0 0 103.804-45.831a1.96 1.96 0 0 1 1.05-.605a1.99 1.99 0 0 1 2.399 2.133a141.05 141.05 0 0 1-21.813 63.094a1.9 1.9 0 0 0-.25 1.067c.062.77.57 1.431 1.299 1.689c.352.13.735.155 1.102.07a151.2 151.2 0 0 0 105.12-86.684c.242-.39.578-.714.978-.942a2.67 2.67 0 0 1 2.613 0M237.032 249.316a2.81 2.81 0 0 1 2.666 2.667v36.302c0 21.482-17.415 38.898-38.897 38.898c-21.483 0-38.898-17.416-38.898-38.898s17.415-38.898 38.898-38.898Z"/></svg>How to use the Blazor icon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:blazor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:blazor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:blazor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--blazor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:blazor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:blazor"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/ix/blazor.svg" alt="Blazor icon" width="24" height="24">Blazor icon in other icon sets
Blazor icon FAQ
Is the Blazor 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 Blazor icon in React?
Install @iconify/react and render <Icon icon="ix:blazor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Blazor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ix/blazor.svg" alt="Blazor icon">, or paste the SVG code inline to style it with CSS.