poker chip icon

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

Name
poker-chip-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

poker-chippoker-chip-boldpoker-chip-duotonepoker-chip-fillpoker-chip-light

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 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m0 152a52 52 0 1 1 52-52a52.06 52.06 0 0 1-52 52m39.47-97.13A59.7 59.7 0 0 0 132 68.15V36.09a91.64 91.64 0 0 1 58.13 24.12ZM124 68.15a59.7 59.7 0 0 0-35.47 14.72L65.87 60.21A91.64 91.64 0 0 1 124 36.09ZM82.87 88.53A59.7 59.7 0 0 0 68.15 124H36.09a91.64 91.64 0 0 1 24.12-58.13ZM68.15 132a59.7 59.7 0 0 0 14.72 35.47l-22.66 22.66A91.64 91.64 0 0 1 36.09 132Zm20.38 41.13A59.7 59.7 0 0 0 124 187.85v32.06a91.64 91.64 0 0 1-58.13-24.12ZM132 187.85a59.7 59.7 0 0 0 35.47-14.72l22.66 22.66A91.64 91.64 0 0 1 132 219.91Zm41.13-20.38A59.7 59.7 0 0 0 187.85 132h32.06a91.64 91.64 0 0 1-24.12 58.13ZM187.85 124a59.7 59.7 0 0 0-14.72-35.47l22.66-22.66A91.64 91.64 0 0 1 219.91 124Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPokerChipThin(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 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m0 152a52 52 0 1 1 52-52a52.06 52.06 0 0 1-52 52m39.47-97.13A59.7 59.7 0 0 0 132 68.15V36.09a91.64 91.64 0 0 1 58.13 24.12ZM124 68.15a59.7 59.7 0 0 0-35.47 14.72L65.87 60.21A91.64 91.64 0 0 1 124 36.09ZM82.87 88.53A59.7 59.7 0 0 0 68.15 124H36.09a91.64 91.64 0 0 1 24.12-58.13ZM68.15 132a59.7 59.7 0 0 0 14.72 35.47l-22.66 22.66A91.64 91.64 0 0 1 36.09 132Zm20.38 41.13A59.7 59.7 0 0 0 124 187.85v32.06a91.64 91.64 0 0 1-58.13-24.12ZM132 187.85a59.7 59.7 0 0 0 35.47-14.72l22.66 22.66A91.64 91.64 0 0 1 132 219.91Zm41.13-20.38A59.7 59.7 0 0 0 187.85 132h32.06a91.64 91.64 0 0 1-24.12 58.13ZM187.85 124a59.7 59.7 0 0 0-14.72-35.47l22.66-22.66A91.64 91.64 0 0 1 219.91 124Z"/></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 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m0 152a52 52 0 1 1 52-52a52.06 52.06 0 0 1-52 52m39.47-97.13A59.7 59.7 0 0 0 132 68.15V36.09a91.64 91.64 0 0 1 58.13 24.12ZM124 68.15a59.7 59.7 0 0 0-35.47 14.72L65.87 60.21A91.64 91.64 0 0 1 124 36.09ZM82.87 88.53A59.7 59.7 0 0 0 68.15 124H36.09a91.64 91.64 0 0 1 24.12-58.13ZM68.15 132a59.7 59.7 0 0 0 14.72 35.47l-22.66 22.66A91.64 91.64 0 0 1 36.09 132Zm20.38 41.13A59.7 59.7 0 0 0 124 187.85v32.06a91.64 91.64 0 0 1-58.13-24.12ZM132 187.85a59.7 59.7 0 0 0 35.47-14.72l22.66 22.66A91.64 91.64 0 0 1 132 219.91Zm41.13-20.38A59.7 59.7 0 0 0 187.85 132h32.06a91.64 91.64 0 0 1-24.12 58.13ZM187.85 124a59.7 59.7 0 0 0-14.72-35.47l22.66-22.66A91.64 91.64 0 0 1 219.91 124Z"/></svg>
</template>

CSS

.icon-poker-chip-thin {
  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%2028a100%20100%200%201%200%20100%20100A100.11%20100.11%200%200%200%20128%2028m0%20152a52%2052%200%201%201%2052-52a52.06%2052.06%200%200%201-52%2052m39.47-97.13A59.7%2059.7%200%200%200%20132%2068.15V36.09a91.64%2091.64%200%200%201%2058.13%2024.12ZM124%2068.15a59.7%2059.7%200%200%200-35.47%2014.72L65.87%2060.21A91.64%2091.64%200%200%201%20124%2036.09ZM82.87%2088.53A59.7%2059.7%200%200%200%2068.15%20124H36.09a91.64%2091.64%200%200%201%2024.12-58.13ZM68.15%20132a59.7%2059.7%200%200%200%2014.72%2035.47l-22.66%2022.66A91.64%2091.64%200%200%201%2036.09%20132Zm20.38%2041.13A59.7%2059.7%200%200%200%20124%20187.85v32.06a91.64%2091.64%200%200%201-58.13-24.12ZM132%20187.85a59.7%2059.7%200%200%200%2035.47-14.72l22.66%2022.66A91.64%2091.64%200%200%201%20132%20219.91Zm41.13-20.38A59.7%2059.7%200%200%200%20187.85%20132h32.06a91.64%2091.64%200%200%201-24.12%2058.13ZM187.85%20124a59.7%2059.7%200%200%200-14.72-35.47l22.66-22.66A91.64%2091.64%200%200%201%20219.91%20124Z%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%2028a100%20100%200%201%200%20100%20100A100.11%20100.11%200%200%200%20128%2028m0%20152a52%2052%200%201%201%2052-52a52.06%2052.06%200%200%201-52%2052m39.47-97.13A59.7%2059.7%200%200%200%20132%2068.15V36.09a91.64%2091.64%200%200%201%2058.13%2024.12ZM124%2068.15a59.7%2059.7%200%200%200-35.47%2014.72L65.87%2060.21A91.64%2091.64%200%200%201%20124%2036.09ZM82.87%2088.53A59.7%2059.7%200%200%200%2068.15%20124H36.09a91.64%2091.64%200%200%201%2024.12-58.13ZM68.15%20132a59.7%2059.7%200%200%200%2014.72%2035.47l-22.66%2022.66A91.64%2091.64%200%200%201%2036.09%20132Zm20.38%2041.13A59.7%2059.7%200%200%200%20124%20187.85v32.06a91.64%2091.64%200%200%201-58.13-24.12ZM132%20187.85a59.7%2059.7%200%200%200%2035.47-14.72l22.66%2022.66A91.64%2091.64%200%200%201%20132%20219.91Zm41.13-20.38A59.7%2059.7%200%200%200%20187.85%20132h32.06a91.64%2091.64%200%200%201-24.12%2058.13ZM187.85%20124a59.7%2059.7%200%200%200-14.72-35.47l22.66-22.66A91.64%2091.64%200%200%201%20219.91%20124Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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