ice hockey emoji

ice-hockey from Fluent Emoji High Contrast by Microsoft Corporation · Default · Activities · MIT Free for personal and commercial use.

Name: ice-hockey
Set: Fluent Emoji High Contrast
Style: Default
Category: Activities
Viewbox: 32×32
License: MIT

The same emoji in other sets

ice-hockeyEmoji One (Colored)ice-hockeyFluent Emoji ice-hockeyFluent Emoji Flat ice-hockeyHuge Icons ice-hockeyLucide Lab ice-hockeyNoto Emoji ice-hockeyOpenMoji ice-hockeyTwitter Emoji

More activities icons from Fluent Emoji High Contrast

Use the ice hockey emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.02 30.143h8.67a8.52 8.52 0 0 0 7.762-5.021l8.237-18.333a2.68 2.68 0 1 0-4.881-2.206l-5.181 11.529a6.52 6.52 0 0 1-5.937 3.85H6.02a5.091 5.091 0 0 0 0 10.181m-2.15-7.256a3.1 3.1 0 0 1 2.15-.925h.88l-.869 6.181H6.02a3.091 3.091 0 0 1-2.15-5.256m9.09-.925l-.869 6.181h-2.02l.87-6.181zm2.163 6.166q-.217.015-.433.015H13.1l.869-6.181h.724q.661-.001 1.31-.104zm1.03-.152l.893-6.35a8.53 8.53 0 0 0 4.718-3.447l1.3.7l-2.437 5.424a6.51 6.51 0 0 1-4.473 3.673m-9.11.167l.868-6.181h2.02l-.87 6.181zm16.596-2.601h5.47c.49 0 .88.39.88.88v1.84c0 .48-.39.88-.88.88h-5.47c-.48 0-.88-.39-.88-.88v-1.84c0-.48.39-.88.88-.88"/></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastIceHockey(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.02 30.143h8.67a8.52 8.52 0 0 0 7.762-5.021l8.237-18.333a2.68 2.68 0 1 0-4.881-2.206l-5.181 11.529a6.52 6.52 0 0 1-5.937 3.85H6.02a5.091 5.091 0 0 0 0 10.181m-2.15-7.256a3.1 3.1 0 0 1 2.15-.925h.88l-.869 6.181H6.02a3.091 3.091 0 0 1-2.15-5.256m9.09-.925l-.869 6.181h-2.02l.87-6.181zm2.163 6.166q-.217.015-.433.015H13.1l.869-6.181h.724q.661-.001 1.31-.104zm1.03-.152l.893-6.35a8.53 8.53 0 0 0 4.718-3.447l1.3.7l-2.437 5.424a6.51 6.51 0 0 1-4.473 3.673m-9.11.167l.868-6.181h2.02l-.87 6.181zm16.596-2.601h5.47c.49 0 .88.39.88.88v1.84c0 .48-.39.88-.88.88h-5.47c-.48 0-.88-.39-.88-.88v-1.84c0-.48.39-.88.88-.88"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.02 30.143h8.67a8.52 8.52 0 0 0 7.762-5.021l8.237-18.333a2.68 2.68 0 1 0-4.881-2.206l-5.181 11.529a6.52 6.52 0 0 1-5.937 3.85H6.02a5.091 5.091 0 0 0 0 10.181m-2.15-7.256a3.1 3.1 0 0 1 2.15-.925h.88l-.869 6.181H6.02a3.091 3.091 0 0 1-2.15-5.256m9.09-.925l-.869 6.181h-2.02l.87-6.181zm2.163 6.166q-.217.015-.433.015H13.1l.869-6.181h.724q.661-.001 1.31-.104zm1.03-.152l.893-6.35a8.53 8.53 0 0 0 4.718-3.447l1.3.7l-2.437 5.424a6.51 6.51 0 0 1-4.473 3.673m-9.11.167l.868-6.181h2.02l-.87 6.181zm16.596-2.601h5.47c.49 0 .88.39.88.88v1.84c0 .48-.39.88-.88.88h-5.47c-.48 0-.88-.39-.88-.88v-1.84c0-.48.39-.88.88-.88"/></svg>
</template>

CSS

.icon-ice-hockey {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.02%2030.143h8.67a8.52%208.52%200%200%200%207.762-5.021l8.237-18.333a2.68%202.68%200%201%200-4.881-2.206l-5.181%2011.529a6.52%206.52%200%200%201-5.937%203.85H6.02a5.091%205.091%200%200%200%200%2010.181m-2.15-7.256a3.1%203.1%200%200%201%202.15-.925h.88l-.869%206.181H6.02a3.091%203.091%200%200%201-2.15-5.256m9.09-.925l-.869%206.181h-2.02l.87-6.181zm2.163%206.166q-.217.015-.433.015H13.1l.869-6.181h.724q.661-.001%201.31-.104zm1.03-.152l.893-6.35a8.53%208.53%200%200%200%204.718-3.447l1.3.7l-2.437%205.424a6.51%206.51%200%200%201-4.473%203.673m-9.11.167l.868-6.181h2.02l-.87%206.181zm16.596-2.601h5.47c.49%200%20.88.39.88.88v1.84c0%20.48-.39.88-.88.88h-5.47c-.48%200-.88-.39-.88-.88v-1.84c0-.48.39-.88.88-.88%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.02%2030.143h8.67a8.52%208.52%200%200%200%207.762-5.021l8.237-18.333a2.68%202.68%200%201%200-4.881-2.206l-5.181%2011.529a6.52%206.52%200%200%201-5.937%203.85H6.02a5.091%205.091%200%200%200%200%2010.181m-2.15-7.256a3.1%203.1%200%200%201%202.15-.925h.88l-.869%206.181H6.02a3.091%203.091%200%200%201-2.15-5.256m9.09-.925l-.869%206.181h-2.02l.87-6.181zm2.163%206.166q-.217.015-.433.015H13.1l.869-6.181h.724q.661-.001%201.31-.104zm1.03-.152l.893-6.35a8.53%208.53%200%200%200%204.718-3.447l1.3.7l-2.437%205.424a6.51%206.51%200%200%201-4.473%203.673m-9.11.167l.868-6.181h2.02l-.87%206.181zm16.596-2.601h5.47c.49%200%20.88.39.88.88v1.84c0%20.48-.39.88-.88.88h-5.47c-.48%200-.88-.39-.88-.88v-1.84c0-.48.39-.88.88-.88%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/ice-hockey.svg?color=%231a73e8&size=48