coin vertical icon
coin-vertical-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- coin-vertical-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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="M195.05 58.1C183.73 38.69 168.44 28 152 28h-48c-16.44 0-31.73 10.69-43 30.1c-11 18.74-17 43.56-17 69.9s6 51.16 17 69.9c11.27 19.41 26.56 30.1 43 30.1h48c16.44 0 31.73-10.69 43.05-30.1C206 179.16 212 154.34 212 128s-6-51.16-16.95-69.9M191.27 188H152.1c7.24-16.14 11.37-35.53 11.84-56h40c-.5 20.77-4.94 40.28-12.67 56m-27.33-64c-.47-20.47-4.6-39.86-11.84-56h39.17c7.74 15.72 12.17 35.23 12.67 56ZM152 36c12.89 0 25.19 8.51 34.84 24h-38.73c-.35-.63-.7-1.28-1.06-1.9c-5.58-9.56-12.12-17-19.29-22.1ZM67.86 193.87C57.63 176.34 52 153 52 128s5.63-48.34 15.86-65.87C77.69 45.28 90.52 36 104 36s26.31 9.28 36.14 26.13C150.37 79.66 156 103.05 156 128s-5.63 48.34-15.86 65.87C130.31 210.72 117.48 220 104 220s-26.31-9.28-36.14-26.13M152 220h-24.24c7.17-5.09 13.71-12.54 19.29-22.1c.36-.62.71-1.27 1.06-1.9h38.73c-9.65 15.49-21.95 24-34.84 24"/></svg>
React
import type { SVGProps } from "react";
export function PhCoinVerticalThin(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="M195.05 58.1C183.73 38.69 168.44 28 152 28h-48c-16.44 0-31.73 10.69-43 30.1c-11 18.74-17 43.56-17 69.9s6 51.16 17 69.9c11.27 19.41 26.56 30.1 43 30.1h48c16.44 0 31.73-10.69 43.05-30.1C206 179.16 212 154.34 212 128s-6-51.16-16.95-69.9M191.27 188H152.1c7.24-16.14 11.37-35.53 11.84-56h40c-.5 20.77-4.94 40.28-12.67 56m-27.33-64c-.47-20.47-4.6-39.86-11.84-56h39.17c7.74 15.72 12.17 35.23 12.67 56ZM152 36c12.89 0 25.19 8.51 34.84 24h-38.73c-.35-.63-.7-1.28-1.06-1.9c-5.58-9.56-12.12-17-19.29-22.1ZM67.86 193.87C57.63 176.34 52 153 52 128s5.63-48.34 15.86-65.87C77.69 45.28 90.52 36 104 36s26.31 9.28 36.14 26.13C150.37 79.66 156 103.05 156 128s-5.63 48.34-15.86 65.87C130.31 210.72 117.48 220 104 220s-26.31-9.28-36.14-26.13M152 220h-24.24c7.17-5.09 13.71-12.54 19.29-22.1c.36-.62.71-1.27 1.06-1.9h38.73c-9.65 15.49-21.95 24-34.84 24"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M195.05 58.1C183.73 38.69 168.44 28 152 28h-48c-16.44 0-31.73 10.69-43 30.1c-11 18.74-17 43.56-17 69.9s6 51.16 17 69.9c11.27 19.41 26.56 30.1 43 30.1h48c16.44 0 31.73-10.69 43.05-30.1C206 179.16 212 154.34 212 128s-6-51.16-16.95-69.9M191.27 188H152.1c7.24-16.14 11.37-35.53 11.84-56h40c-.5 20.77-4.94 40.28-12.67 56m-27.33-64c-.47-20.47-4.6-39.86-11.84-56h39.17c7.74 15.72 12.17 35.23 12.67 56ZM152 36c12.89 0 25.19 8.51 34.84 24h-38.73c-.35-.63-.7-1.28-1.06-1.9c-5.58-9.56-12.12-17-19.29-22.1ZM67.86 193.87C57.63 176.34 52 153 52 128s5.63-48.34 15.86-65.87C77.69 45.28 90.52 36 104 36s26.31 9.28 36.14 26.13C150.37 79.66 156 103.05 156 128s-5.63 48.34-15.86 65.87C130.31 210.72 117.48 220 104 220s-26.31-9.28-36.14-26.13M152 220h-24.24c7.17-5.09 13.71-12.54 19.29-22.1c.36-.62.71-1.27 1.06-1.9h38.73c-9.65 15.49-21.95 24-34.84 24"/></svg> </template>
CSS
.icon-coin-vertical-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%22M195.05%2058.1C183.73%2038.69%20168.44%2028%20152%2028h-48c-16.44%200-31.73%2010.69-43%2030.1c-11%2018.74-17%2043.56-17%2069.9s6%2051.16%2017%2069.9c11.27%2019.41%2026.56%2030.1%2043%2030.1h48c16.44%200%2031.73-10.69%2043.05-30.1C206%20179.16%20212%20154.34%20212%20128s-6-51.16-16.95-69.9M191.27%20188H152.1c7.24-16.14%2011.37-35.53%2011.84-56h40c-.5%2020.77-4.94%2040.28-12.67%2056m-27.33-64c-.47-20.47-4.6-39.86-11.84-56h39.17c7.74%2015.72%2012.17%2035.23%2012.67%2056ZM152%2036c12.89%200%2025.19%208.51%2034.84%2024h-38.73c-.35-.63-.7-1.28-1.06-1.9c-5.58-9.56-12.12-17-19.29-22.1ZM67.86%20193.87C57.63%20176.34%2052%20153%2052%20128s5.63-48.34%2015.86-65.87C77.69%2045.28%2090.52%2036%20104%2036s26.31%209.28%2036.14%2026.13C150.37%2079.66%20156%20103.05%20156%20128s-5.63%2048.34-15.86%2065.87C130.31%20210.72%20117.48%20220%20104%20220s-26.31-9.28-36.14-26.13M152%20220h-24.24c7.17-5.09%2013.71-12.54%2019.29-22.1c.36-.62.71-1.27%201.06-1.9h38.73c-9.65%2015.49-21.95%2024-34.84%2024%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%22M195.05%2058.1C183.73%2038.69%20168.44%2028%20152%2028h-48c-16.44%200-31.73%2010.69-43%2030.1c-11%2018.74-17%2043.56-17%2069.9s6%2051.16%2017%2069.9c11.27%2019.41%2026.56%2030.1%2043%2030.1h48c16.44%200%2031.73-10.69%2043.05-30.1C206%20179.16%20212%20154.34%20212%20128s-6-51.16-16.95-69.9M191.27%20188H152.1c7.24-16.14%2011.37-35.53%2011.84-56h40c-.5%2020.77-4.94%2040.28-12.67%2056m-27.33-64c-.47-20.47-4.6-39.86-11.84-56h39.17c7.74%2015.72%2012.17%2035.23%2012.67%2056ZM152%2036c12.89%200%2025.19%208.51%2034.84%2024h-38.73c-.35-.63-.7-1.28-1.06-1.9c-5.58-9.56-12.12-17-19.29-22.1ZM67.86%20193.87C57.63%20176.34%2052%20153%2052%20128s5.63-48.34%2015.86-65.87C77.69%2045.28%2090.52%2036%20104%2036s26.31%209.28%2036.14%2026.13C150.37%2079.66%20156%20103.05%20156%20128s-5.63%2048.34-15.86%2065.87C130.31%20210.72%20117.48%20220%20104%20220s-26.31-9.28-36.14-26.13M152%20220h-24.24c7.17-5.09%2013.71-12.54%2019.29-22.1c.36-.62.71-1.27%201.06-1.9h38.73c-9.65%2015.49-21.95%2024-34.84%2024%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/coin-vertical-thin.svg?color=%231a73e8&size=48
