blazor logo
blazor from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- blazor
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
The same logo in other sets
Use the blazor logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function DeviconBlazor(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-blazor {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%235c2d91%22%20d%3D%22M127.352%2043.199c-5.727%2035.891-36.562%2062.379-72.902%2062.633a54%2054%200%200%201-10.656-.648c-15.18-2.574-26.496-15.402-27.16-30.785c.125-17.336%2014.148-31.359%2031.488-31.484S79.68%2056.617%2080.047%2073.953c.129%205.254-2.145%209.871-6.824%2010c-5%200-7.344-3.57-7.344-8.379V62.215a8.183%208.183%200%200%200-8.117-8.191H46.559c-8.977-.062-16.832%206.012-19.035%2014.715s1.824%2017.781%209.75%2021.996a19.5%2019.5%200%200%200%2023.688-4.223l.391-.582l.391.645a13.8%2013.8%200%200%200%2011.762%205.602A15.54%2015.54%200%200%200%2087.902%2075.93a42.2%2042.2%200%200%200-1.16-10.328a39.57%2039.57%200%200%200-42.969-30.926C23.645%2036.879%208.43%2053.922%208.512%2074.168c.262%2021.543%2017.512%2039.023%2039.047%2039.566c0%200%202.93.266%206.242.195a84.5%2084.5%200%200%200%2045.289-13.516c.191-.125.383.129.254.328a66.49%2066.49%200%200%201-51.785%2021.18A46.734%2046.734%200%200%201%200%2073.977a48.37%2048.37%200%200%201%2019.426-38.73a47.38%2047.38%200%200%201%2027.941-9.223h15.031a42.3%2042.3%200%200%200%2031.203-13.777a.59.59%200%200%201%20.68-.141a.6.6%200%200%201%20.359.598a42.4%2042.4%200%200%201-6.562%2018.969a.58.58%200%200%200%20.051.633a.58.58%200%200%200%20.598.215a45.45%2045.45%200%200%200%2031.602-26.055a.8.8%200%200%201%201.367%200a57.58%2057.58%200%200%201%205.656%2036.734zM46.52%2061.824c-6.422%200-11.633%205.207-11.633%2011.633A11.64%2011.64%200%200%200%2046.52%2085.09c6.426%200%2011.633-5.211%2011.633-11.633V62.602a.84.84%200%200%200-.801-.801zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%235c2d91%22%20d%3D%22M127.352%2043.199c-5.727%2035.891-36.562%2062.379-72.902%2062.633a54%2054%200%200%201-10.656-.648c-15.18-2.574-26.496-15.402-27.16-30.785c.125-17.336%2014.148-31.359%2031.488-31.484S79.68%2056.617%2080.047%2073.953c.129%205.254-2.145%209.871-6.824%2010c-5%200-7.344-3.57-7.344-8.379V62.215a8.183%208.183%200%200%200-8.117-8.191H46.559c-8.977-.062-16.832%206.012-19.035%2014.715s1.824%2017.781%209.75%2021.996a19.5%2019.5%200%200%200%2023.688-4.223l.391-.582l.391.645a13.8%2013.8%200%200%200%2011.762%205.602A15.54%2015.54%200%200%200%2087.902%2075.93a42.2%2042.2%200%200%200-1.16-10.328a39.57%2039.57%200%200%200-42.969-30.926C23.645%2036.879%208.43%2053.922%208.512%2074.168c.262%2021.543%2017.512%2039.023%2039.047%2039.566c0%200%202.93.266%206.242.195a84.5%2084.5%200%200%200%2045.289-13.516c.191-.125.383.129.254.328a66.49%2066.49%200%200%201-51.785%2021.18A46.734%2046.734%200%200%201%200%2073.977a48.37%2048.37%200%200%201%2019.426-38.73a47.38%2047.38%200%200%201%2027.941-9.223h15.031a42.3%2042.3%200%200%200%2031.203-13.777a.59.59%200%200%201%20.68-.141a.6.6%200%200%201%20.359.598a42.4%2042.4%200%200%201-6.562%2018.969a.58.58%200%200%200%20.051.633a.58.58%200%200%200%20.598.215a45.45%2045.45%200%200%200%2031.602-26.055a.8.8%200%200%201%201.367%200a57.58%2057.58%200%200%201%205.656%2036.734zM46.52%2061.824c-6.422%200-11.633%205.207-11.633%2011.633A11.64%2011.64%200%200%200%2046.52%2085.09c6.426%200%2011.633-5.211%2011.633-11.633V62.602a.84.84%200%200%200-.801-.801zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/blazor.svg?color=%231a73e8&size=48
