Blazor icon

devicon:blazor

The Blazor icon (devicon:blazor) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon 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: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#5c2d91" d="M127.352 43.199c-5.727 35.891-36.562 62.379-72.902 62.633a54 54 0 0 1-10.656-.648c-15.18-2.574-26.496-15.402-27.16-30.785c.125-17.336 14.148-31.359 31.488-31.484S79.68 56.617 80.047 73.953c.129 5.254-2.145 9.871-6.824 10c-5 0-7.344-3.57-7.344-8.379V62.215a8.183 8.183 0 0 0-8.117-8.191H46.559c-8.977-.062-16.832 6.012-19.035 14.715s1.824 17.781 9.75 21.996a19.5 19.5 0 0 0 23.688-4.223l.391-.582l.391.645a13.8 13.8 0 0 0 11.762 5.602A15.54 15.54 0 0 0 87.902 75.93a42.2 42.2 0 0 0-1.16-10.328a39.57 39.57 0 0 0-42.969-30.926C23.645 36.879 8.43 53.922 8.512 74.168c.262 21.543 17.512 39.023 39.047 39.566c0 0 2.93.266 6.242.195a84.5 84.5 0 0 0 45.289-13.516c.191-.125.383.129.254.328a66.49 66.49 0 0 1-51.785 21.18A46.734 46.734 0 0 1 0 73.977a48.37 48.37 0 0 1 19.426-38.73a47.38 47.38 0 0 1 27.941-9.223h15.031a42.3 42.3 0 0 0 31.203-13.777a.59.59 0 0 1 .68-.141a.6.6 0 0 1 .359.598a42.4 42.4 0 0 1-6.562 18.969a.58.58 0 0 0 .051.633a.58.58 0 0 0 .598.215a45.45 45.45 0 0 0 31.602-26.055a.8.8 0 0 1 1.367 0a57.58 57.58 0 0 1 5.656 36.734zM46.52 61.824c-6.422 0-11.633 5.207-11.633 11.633A11.64 11.64 0 0 0 46.52 85.09c6.426 0 11.633-5.211 11.633-11.633V62.602a.84.84 0 0 0-.801-.801zm0 0"/></svg>

How to use the Blazor icon

React

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

<Icon icon="devicon:blazor" width="24" />

Vue

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

<template>
  <Icon icon="devicon:blazor" width="24" />
</template>

Svelte

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

<Icon icon="devicon:blazor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--blazor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:blazor"></div>

Web component

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

<iconify-icon icon="devicon:blazor"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/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. Devicon 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="devicon: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/devicon/blazor.svg" alt="Blazor icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon icons →