poker chip icon

poker-chip-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
poker-chip-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

poker-chippoker-chip-boldpoker-chip-duotonepoker-chip-fillpoker-chip-thin

The same icon in other sets

poker-chipMaterial Symbolspoker-chipMaterial Symbols Lightpoker-chipMaterial Design Iconspoker-chipTabler Icons

Use the poker chip icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 152a50 50 0 1 1 50-50a50.06 50.06 0 0 1-50 50m39.37-97.86A61.7 61.7 0 0 0 134 66.3V38.2a89.64 89.64 0 0 1 53.22 22.09ZM122 66.3a61.7 61.7 0 0 0-33.37 13.84L68.78 60.29A89.64 89.64 0 0 1 122 38.2ZM80.14 88.63A61.7 61.7 0 0 0 66.3 122H38.2a89.6 89.6 0 0 1 22.09-53.22ZM66.3 134a61.7 61.7 0 0 0 13.84 33.37l-19.85 19.85A89.6 89.6 0 0 1 38.2 134Zm22.33 41.86A61.7 61.7 0 0 0 122 189.7v28.1a89.64 89.64 0 0 1-53.22-22.09ZM134 189.7a61.7 61.7 0 0 0 33.37-13.84l19.85 19.85A89.64 89.64 0 0 1 134 217.8Zm41.86-22.33A61.7 61.7 0 0 0 189.7 134h28.1a89.6 89.6 0 0 1-22.09 53.22ZM189.7 122a61.7 61.7 0 0 0-13.84-33.37l19.85-19.85A89.6 89.6 0 0 1 217.8 122Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPokerChipLight(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 152a50 50 0 1 1 50-50a50.06 50.06 0 0 1-50 50m39.37-97.86A61.7 61.7 0 0 0 134 66.3V38.2a89.64 89.64 0 0 1 53.22 22.09ZM122 66.3a61.7 61.7 0 0 0-33.37 13.84L68.78 60.29A89.64 89.64 0 0 1 122 38.2ZM80.14 88.63A61.7 61.7 0 0 0 66.3 122H38.2a89.6 89.6 0 0 1 22.09-53.22ZM66.3 134a61.7 61.7 0 0 0 13.84 33.37l-19.85 19.85A89.6 89.6 0 0 1 38.2 134Zm22.33 41.86A61.7 61.7 0 0 0 122 189.7v28.1a89.64 89.64 0 0 1-53.22-22.09ZM134 189.7a61.7 61.7 0 0 0 33.37-13.84l19.85 19.85A89.64 89.64 0 0 1 134 217.8Zm41.86-22.33A61.7 61.7 0 0 0 189.7 134h28.1a89.6 89.6 0 0 1-22.09 53.22ZM189.7 122a61.7 61.7 0 0 0-13.84-33.37l19.85-19.85A89.6 89.6 0 0 1 217.8 122Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m0 152a50 50 0 1 1 50-50a50.06 50.06 0 0 1-50 50m39.37-97.86A61.7 61.7 0 0 0 134 66.3V38.2a89.64 89.64 0 0 1 53.22 22.09ZM122 66.3a61.7 61.7 0 0 0-33.37 13.84L68.78 60.29A89.64 89.64 0 0 1 122 38.2ZM80.14 88.63A61.7 61.7 0 0 0 66.3 122H38.2a89.6 89.6 0 0 1 22.09-53.22ZM66.3 134a61.7 61.7 0 0 0 13.84 33.37l-19.85 19.85A89.6 89.6 0 0 1 38.2 134Zm22.33 41.86A61.7 61.7 0 0 0 122 189.7v28.1a89.64 89.64 0 0 1-53.22-22.09ZM134 189.7a61.7 61.7 0 0 0 33.37-13.84l19.85 19.85A89.64 89.64 0 0 1 134 217.8Zm41.86-22.33A61.7 61.7 0 0 0 189.7 134h28.1a89.6 89.6 0 0 1-22.09 53.22ZM189.7 122a61.7 61.7 0 0 0-13.84-33.37l19.85-19.85A89.6 89.6 0 0 1 217.8 122Z"/></svg>
</template>

CSS

.icon-poker-chip-light {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m0%20152a50%2050%200%201%201%2050-50a50.06%2050.06%200%200%201-50%2050m39.37-97.86A61.7%2061.7%200%200%200%20134%2066.3V38.2a89.64%2089.64%200%200%201%2053.22%2022.09ZM122%2066.3a61.7%2061.7%200%200%200-33.37%2013.84L68.78%2060.29A89.64%2089.64%200%200%201%20122%2038.2ZM80.14%2088.63A61.7%2061.7%200%200%200%2066.3%20122H38.2a89.6%2089.6%200%200%201%2022.09-53.22ZM66.3%20134a61.7%2061.7%200%200%200%2013.84%2033.37l-19.85%2019.85A89.6%2089.6%200%200%201%2038.2%20134Zm22.33%2041.86A61.7%2061.7%200%200%200%20122%20189.7v28.1a89.64%2089.64%200%200%201-53.22-22.09ZM134%20189.7a61.7%2061.7%200%200%200%2033.37-13.84l19.85%2019.85A89.64%2089.64%200%200%201%20134%20217.8Zm41.86-22.33A61.7%2061.7%200%200%200%20189.7%20134h28.1a89.6%2089.6%200%200%201-22.09%2053.22ZM189.7%20122a61.7%2061.7%200%200%200-13.84-33.37l19.85-19.85A89.6%2089.6%200%200%201%20217.8%20122Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m0%20152a50%2050%200%201%201%2050-50a50.06%2050.06%200%200%201-50%2050m39.37-97.86A61.7%2061.7%200%200%200%20134%2066.3V38.2a89.64%2089.64%200%200%201%2053.22%2022.09ZM122%2066.3a61.7%2061.7%200%200%200-33.37%2013.84L68.78%2060.29A89.64%2089.64%200%200%201%20122%2038.2ZM80.14%2088.63A61.7%2061.7%200%200%200%2066.3%20122H38.2a89.6%2089.6%200%200%201%2022.09-53.22ZM66.3%20134a61.7%2061.7%200%200%200%2013.84%2033.37l-19.85%2019.85A89.6%2089.6%200%200%201%2038.2%20134Zm22.33%2041.86A61.7%2061.7%200%200%200%20122%20189.7v28.1a89.64%2089.64%200%200%201-53.22-22.09ZM134%20189.7a61.7%2061.7%200%200%200%2033.37-13.84l19.85%2019.85A89.64%2089.64%200%200%201%20134%20217.8Zm41.86-22.33A61.7%2061.7%200%200%200%20189.7%20134h28.1a89.6%2089.6%200%200%201-22.09%2053.22ZM189.7%20122a61.7%2061.7%200%200%200-13.84-33.37l19.85-19.85A89.6%2089.6%200%200%201%20217.8%20122Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/poker-chip-light.svg?color=%231a73e8&size=48