Pro Hockey icon

fluent-mdl2:pro-hockey

The Pro Hockey icon (fluent-mdl2:pro-hockey) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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: Fluent UI MDL2
Author: Microsoft Corporation
License: MIT
Size: 2048 × 2048
Tags: prohockey

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1324 0q78 0 149 23t128 79l345 345q56 56 79 127t23 150q0 104-34 216t-95 224t-144 222t-181 208t-207 181t-222 144t-225 95t-216 34q-77 0-149-23t-128-79l-345-345q-56-56-79-127T0 1324q0-104 34-216t94-225t144-222t182-207t207-181t222-144t225-95t216-34M128 1327q0 121 65 184t186 63q90 0 189-31t201-88t200-132t188-165t166-189t132-200t87-200t32-190q0-121-64-186t-185-65q-91 0-190 31t-201 88t-201 132t-188 166t-166 189t-132 201t-87 201t-32 191m593 593q91 0 191-31t201-88t201-132t189-165t166-189t132-201t87-202t32-191q0-51-14-98t-51-85l-152-153q-2 103-36 214t-95 223t-144 220t-180 205t-206 181t-219 143t-223 96t-215 36l153 152q37 36 84 50t99 15"/></svg>

How to use the Pro Hockey icon

React

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

<Icon icon="fluent-mdl2:pro-hockey" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:pro-hockey" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:pro-hockey" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--pro-hockey]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:pro-hockey"></div>

Web component

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

<iconify-icon icon="fluent-mdl2:pro-hockey"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/pro-hockey.svg" alt="Pro Hockey icon" width="24" height="24">

Related icons in Fluent UI MDL2

Pro Hockey icon FAQ

Is the Pro Hockey icon free for commercial use?

Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Pro Hockey icon in React?

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

How do I add the Pro Hockey icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/pro-hockey.svg" alt="Pro Hockey icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent UI MDL2 icons →