coin vertical icon

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

Name: coin-vertical-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

coin-vertical coin-vertical-bold coin-vertical-duotone coin-vertical-fill coin-vertical-thin

Use the coin vertical icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196.78 57.09C185.08 37 169.18 26 152 26h-48c-17.18 0-33.08 11-44.78 31.09C48.12 76.13 42 101.31 42 128s6.12 51.87 17.22 70.91C70.92 219 86.82 230 104 230h48c17.18 0 33.08-11 44.78-31.09c11.1-19 17.22-44.22 17.22-70.91s-6.12-51.87-17.22-70.91m5.1 64.91h-36c-.65-18.84-4.37-36.73-10.74-52H190c7.06 14.74 11.16 32.77 11.88 52M152 38c11.31 0 22.22 7.06 31.14 20h-33.86l-.5-.91A76.8 76.8 0 0 0 133.49 38ZM69.58 192.86C59.54 175.63 54 152.6 54 128s5.54-47.63 15.58-64.86C79 46.93 91.26 38 104 38s25 8.93 34.42 25.14C148.46 80.37 154 103.4 154 128s-5.54 47.63-15.58 64.86C129 209.07 116.74 218 104 218s-25-8.93-34.42-25.14M152 218h-18.51a76.8 76.8 0 0 0 15.29-19.09l.5-.91h33.86c-8.92 12.94-19.83 20-31.14 20m38-32h-34.86c6.37-15.27 10.09-33.16 10.74-52h36c-.72 19.23-4.82 37.26-11.88 52"/></svg>

React

import type { SVGProps } from "react";

export function PhCoinVerticalLight(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="M196.78 57.09C185.08 37 169.18 26 152 26h-48c-17.18 0-33.08 11-44.78 31.09C48.12 76.13 42 101.31 42 128s6.12 51.87 17.22 70.91C70.92 219 86.82 230 104 230h48c17.18 0 33.08-11 44.78-31.09c11.1-19 17.22-44.22 17.22-70.91s-6.12-51.87-17.22-70.91m5.1 64.91h-36c-.65-18.84-4.37-36.73-10.74-52H190c7.06 14.74 11.16 32.77 11.88 52M152 38c11.31 0 22.22 7.06 31.14 20h-33.86l-.5-.91A76.8 76.8 0 0 0 133.49 38ZM69.58 192.86C59.54 175.63 54 152.6 54 128s5.54-47.63 15.58-64.86C79 46.93 91.26 38 104 38s25 8.93 34.42 25.14C148.46 80.37 154 103.4 154 128s-5.54 47.63-15.58 64.86C129 209.07 116.74 218 104 218s-25-8.93-34.42-25.14M152 218h-18.51a76.8 76.8 0 0 0 15.29-19.09l.5-.91h33.86c-8.92 12.94-19.83 20-31.14 20m38-32h-34.86c6.37-15.27 10.09-33.16 10.74-52h36c-.72 19.23-4.82 37.26-11.88 52"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M196.78 57.09C185.08 37 169.18 26 152 26h-48c-17.18 0-33.08 11-44.78 31.09C48.12 76.13 42 101.31 42 128s6.12 51.87 17.22 70.91C70.92 219 86.82 230 104 230h48c17.18 0 33.08-11 44.78-31.09c11.1-19 17.22-44.22 17.22-70.91s-6.12-51.87-17.22-70.91m5.1 64.91h-36c-.65-18.84-4.37-36.73-10.74-52H190c7.06 14.74 11.16 32.77 11.88 52M152 38c11.31 0 22.22 7.06 31.14 20h-33.86l-.5-.91A76.8 76.8 0 0 0 133.49 38ZM69.58 192.86C59.54 175.63 54 152.6 54 128s5.54-47.63 15.58-64.86C79 46.93 91.26 38 104 38s25 8.93 34.42 25.14C148.46 80.37 154 103.4 154 128s-5.54 47.63-15.58 64.86C129 209.07 116.74 218 104 218s-25-8.93-34.42-25.14M152 218h-18.51a76.8 76.8 0 0 0 15.29-19.09l.5-.91h33.86c-8.92 12.94-19.83 20-31.14 20m38-32h-34.86c6.37-15.27 10.09-33.16 10.74-52h36c-.72 19.23-4.82 37.26-11.88 52"/></svg>
</template>

CSS

.icon-coin-vertical-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%22M196.78%2057.09C185.08%2037%20169.18%2026%20152%2026h-48c-17.18%200-33.08%2011-44.78%2031.09C48.12%2076.13%2042%20101.31%2042%20128s6.12%2051.87%2017.22%2070.91C70.92%20219%2086.82%20230%20104%20230h48c17.18%200%2033.08-11%2044.78-31.09c11.1-19%2017.22-44.22%2017.22-70.91s-6.12-51.87-17.22-70.91m5.1%2064.91h-36c-.65-18.84-4.37-36.73-10.74-52H190c7.06%2014.74%2011.16%2032.77%2011.88%2052M152%2038c11.31%200%2022.22%207.06%2031.14%2020h-33.86l-.5-.91A76.8%2076.8%200%200%200%20133.49%2038ZM69.58%20192.86C59.54%20175.63%2054%20152.6%2054%20128s5.54-47.63%2015.58-64.86C79%2046.93%2091.26%2038%20104%2038s25%208.93%2034.42%2025.14C148.46%2080.37%20154%20103.4%20154%20128s-5.54%2047.63-15.58%2064.86C129%20209.07%20116.74%20218%20104%20218s-25-8.93-34.42-25.14M152%20218h-18.51a76.8%2076.8%200%200%200%2015.29-19.09l.5-.91h33.86c-8.92%2012.94-19.83%2020-31.14%2020m38-32h-34.86c6.37-15.27%2010.09-33.16%2010.74-52h36c-.72%2019.23-4.82%2037.26-11.88%2052%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%22M196.78%2057.09C185.08%2037%20169.18%2026%20152%2026h-48c-17.18%200-33.08%2011-44.78%2031.09C48.12%2076.13%2042%20101.31%2042%20128s6.12%2051.87%2017.22%2070.91C70.92%20219%2086.82%20230%20104%20230h48c17.18%200%2033.08-11%2044.78-31.09c11.1-19%2017.22-44.22%2017.22-70.91s-6.12-51.87-17.22-70.91m5.1%2064.91h-36c-.65-18.84-4.37-36.73-10.74-52H190c7.06%2014.74%2011.16%2032.77%2011.88%2052M152%2038c11.31%200%2022.22%207.06%2031.14%2020h-33.86l-.5-.91A76.8%2076.8%200%200%200%20133.49%2038ZM69.58%20192.86C59.54%20175.63%2054%20152.6%2054%20128s5.54-47.63%2015.58-64.86C79%2046.93%2091.26%2038%20104%2038s25%208.93%2034.42%2025.14C148.46%2080.37%20154%20103.4%20154%20128s-5.54%2047.63-15.58%2064.86C129%20209.07%20116.74%20218%20104%20218s-25-8.93-34.42-25.14M152%20218h-18.51a76.8%2076.8%200%200%200%2015.29-19.09l.5-.91h33.86c-8.92%2012.94-19.83%2020-31.14%2020m38-32h-34.86c6.37-15.27%2010.09-33.16%2010.74-52h36c-.72%2019.23-4.82%2037.26-11.88%2052%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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