ice hockey emoji
ice-hockey from Twitter Emoji by Twitter · Default · Activities · CC-BY-4.0 Attribution required.
- Name
- ice-hockey
- Set
- Twitter Emoji
- Style
- Default
- Category
- Activities
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More activities icons from Twitter Emoji
Use the ice hockey emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M36 3c-1 1.295-3.027 3.803-4.391 5.671c-3.816 5.225-7.156 6.454-10.328 7.632s-10.407 1.029-13.88.854s-5.735-.579-6.42.415c-2.102 3.053-.612 6.481 2.426 6.949c2.378.366 9.544-.32 12.899-.616c3.356-.297 7.024-1.301 8.283-1.785c1.259-.483 2.279-.88 2.597-1.644c.318-.765 1.876-2.817 3.783-5.917C32.045 12.811 35 9.55 36 8z"/><path fill="#31373d" d="M7 24.591c3-.114 7.055-.487 9.309-.686c2.289-.202 4.704-.732 6.419-1.203l-.424-6.784q-.517.197-1.024.385c-3.172 1.178-10.405 1.029-13.877.854c-.141-.008-.403-.017-.403-.025zM17 28v4c0 1.104 3.135 2 7 2s7-.896 7-2v-4z"/><ellipse cx="23.996" cy="28" fill="#66757f" rx="7" ry="2"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiIceHockey(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M36 3c-1 1.295-3.027 3.803-4.391 5.671c-3.816 5.225-7.156 6.454-10.328 7.632s-10.407 1.029-13.88.854s-5.735-.579-6.42.415c-2.102 3.053-.612 6.481 2.426 6.949c2.378.366 9.544-.32 12.899-.616c3.356-.297 7.024-1.301 8.283-1.785c1.259-.483 2.279-.88 2.597-1.644c.318-.765 1.876-2.817 3.783-5.917C32.045 12.811 35 9.55 36 8z"/><path fill="#31373d" d="M7 24.591c3-.114 7.055-.487 9.309-.686c2.289-.202 4.704-.732 6.419-1.203l-.424-6.784q-.517.197-1.024.385c-3.172 1.178-10.405 1.029-13.877.854c-.141-.008-.403-.017-.403-.025zM17 28v4c0 1.104 3.135 2 7 2s7-.896 7-2v-4z"/><ellipse cx="23.996" cy="28" fill="#66757f" rx="7" ry="2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#f4900c" d="M36 3c-1 1.295-3.027 3.803-4.391 5.671c-3.816 5.225-7.156 6.454-10.328 7.632s-10.407 1.029-13.88.854s-5.735-.579-6.42.415c-2.102 3.053-.612 6.481 2.426 6.949c2.378.366 9.544-.32 12.899-.616c3.356-.297 7.024-1.301 8.283-1.785c1.259-.483 2.279-.88 2.597-1.644c.318-.765 1.876-2.817 3.783-5.917C32.045 12.811 35 9.55 36 8z"/><path fill="#31373d" d="M7 24.591c3-.114 7.055-.487 9.309-.686c2.289-.202 4.704-.732 6.419-1.203l-.424-6.784q-.517.197-1.024.385c-3.172 1.178-10.405 1.029-13.877.854c-.141-.008-.403-.017-.403-.025zM17 28v4c0 1.104 3.135 2 7 2s7-.896 7-2v-4z"/><ellipse cx="23.996" cy="28" fill="#66757f" rx="7" ry="2"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M36%203c-1%201.295-3.027%203.803-4.391%205.671c-3.816%205.225-7.156%206.454-10.328%207.632s-10.407%201.029-13.88.854s-5.735-.579-6.42.415c-2.102%203.053-.612%206.481%202.426%206.949c2.378.366%209.544-.32%2012.899-.616c3.356-.297%207.024-1.301%208.283-1.785c1.259-.483%202.279-.88%202.597-1.644c.318-.765%201.876-2.817%203.783-5.917C32.045%2012.811%2035%209.55%2036%208z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M7%2024.591c3-.114%207.055-.487%209.309-.686c2.289-.202%204.704-.732%206.419-1.203l-.424-6.784q-.517.197-1.024.385c-3.172%201.178-10.405%201.029-13.877.854c-.141-.008-.403-.017-.403-.025zM17%2028v4c0%201.104%203.135%202%207%202s7-.896%207-2v-4z%22%2F%3E%3Cellipse%20cx%3D%2223.996%22%20cy%3D%2228%22%20fill%3D%22%2366757f%22%20rx%3D%227%22%20ry%3D%222%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23f4900c%22%20d%3D%22M36%203c-1%201.295-3.027%203.803-4.391%205.671c-3.816%205.225-7.156%206.454-10.328%207.632s-10.407%201.029-13.88.854s-5.735-.579-6.42.415c-2.102%203.053-.612%206.481%202.426%206.949c2.378.366%209.544-.32%2012.899-.616c3.356-.297%207.024-1.301%208.283-1.785c1.259-.483%202.279-.88%202.597-1.644c.318-.765%201.876-2.817%203.783-5.917C32.045%2012.811%2035%209.55%2036%208z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M7%2024.591c3-.114%207.055-.487%209.309-.686c2.289-.202%204.704-.732%206.419-1.203l-.424-6.784q-.517.197-1.024.385c-3.172%201.178-10.405%201.029-13.877.854c-.141-.008-.403-.017-.403-.025zM17%2028v4c0%201.104%203.135%202%207%202s7-.896%207-2v-4z%22%2F%3E%3Cellipse%20cx%3D%2223.996%22%20cy%3D%2228%22%20fill%3D%22%2366757f%22%20rx%3D%227%22%20ry%3D%222%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/ice-hockey.svg?color=%231a73e8&size=48
