coins icon
coins-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- coins-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
All coins icons →Use the coins icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11 11.5C11 9.0675 14.3794 8 17 8C19.6206 8 23 9.0675 23 11.5L23 19.5C23 21.9325 19.6206 23 17 23C14.3794 23 11 21.9325 11 19.5L11 11.5Z" stroke="none"/><path d="M22 11.5C22 12.8807 19.7614 14 17 14C14.2386 14 12 12.8807 12 11.5C12 10.1193 14.2386 9 17 9C19.7614 9 22 10.1193 22 11.5ZM12 11.5L12 19.5C12 20.8807 14.2386 22 17 22C19.7614 22 22 20.8807 22 19.5L22 11.5M12 15.5C12 16.8807 14.2386 18 17 18C19.7614 18 22 16.8807 22 15.5M12 4.5C12 5.8807 9.7614 7 7 7C4.2386 7 2 5.8807 2 4.5C2 3.1193 4.2386 2 7 2C9.7614 2 12 3.1193 12 4.5ZM2 4.5L2 12.5C2 13.2504 2.6742 13.9612 3.8365 14.436C4.9987 14.9108 6.5261 15.0994 7.9968 14.9498M2 8.5C2 9.2523 2.6776 9.9647 3.8449 10.4394C5.0122 10.9142 6.545 11.1008 8.0182 10.9476"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsCoinsTwoTone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M11 11.5C11 9.0675 14.3794 8 17 8C19.6206 8 23 9.0675 23 11.5L23 19.5C23 21.9325 19.6206 23 17 23C14.3794 23 11 21.9325 11 19.5L11 11.5Z" stroke="none"/><path d="M22 11.5C22 12.8807 19.7614 14 17 14C14.2386 14 12 12.8807 12 11.5C12 10.1193 14.2386 9 17 9C19.7614 9 22 10.1193 22 11.5ZM12 11.5L12 19.5C12 20.8807 14.2386 22 17 22C19.7614 22 22 20.8807 22 19.5L22 11.5M12 15.5C12 16.8807 14.2386 18 17 18C19.7614 18 22 16.8807 22 15.5M12 4.5C12 5.8807 9.7614 7 7 7C4.2386 7 2 5.8807 2 4.5C2 3.1193 4.2386 2 7 2C9.7614 2 12 3.1193 12 4.5ZM2 4.5L2 12.5C2 13.2504 2.6742 13.9612 3.8365 14.436C4.9987 14.9108 6.5261 15.0994 7.9968 14.9498M2 8.5C2 9.2523 2.6776 9.9647 3.8449 10.4394C5.0122 10.9142 6.545 11.1008 8.0182 10.9476"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11 11.5C11 9.0675 14.3794 8 17 8C19.6206 8 23 9.0675 23 11.5L23 19.5C23 21.9325 19.6206 23 17 23C14.3794 23 11 21.9325 11 19.5L11 11.5Z" stroke="none"/><path d="M22 11.5C22 12.8807 19.7614 14 17 14C14.2386 14 12 12.8807 12 11.5C12 10.1193 14.2386 9 17 9C19.7614 9 22 10.1193 22 11.5ZM12 11.5L12 19.5C12 20.8807 14.2386 22 17 22C19.7614 22 22 20.8807 22 19.5L22 11.5M12 15.5C12 16.8807 14.2386 18 17 18C19.7614 18 22 16.8807 22 15.5M12 4.5C12 5.8807 9.7614 7 7 7C4.2386 7 2 5.8807 2 4.5C2 3.1193 4.2386 2 7 2C9.7614 2 12 3.1193 12 4.5ZM2 4.5L2 12.5C2 13.2504 2.6742 13.9612 3.8365 14.436C4.9987 14.9108 6.5261 15.0994 7.9968 14.9498M2 8.5C2 9.2523 2.6776 9.9647 3.8449 10.4394C5.0122 10.9142 6.545 11.1008 8.0182 10.9476"/></g></svg> </template>
CSS
.icon-coins-two-tone {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11%2011.5C11%209.0675%2014.3794%208%2017%208C19.6206%208%2023%209.0675%2023%2011.5L23%2019.5C23%2021.9325%2019.6206%2023%2017%2023C14.3794%2023%2011%2021.9325%2011%2019.5L11%2011.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M22%2011.5C22%2012.8807%2019.7614%2014%2017%2014C14.2386%2014%2012%2012.8807%2012%2011.5C12%2010.1193%2014.2386%209%2017%209C19.7614%209%2022%2010.1193%2022%2011.5ZM12%2011.5L12%2019.5C12%2020.8807%2014.2386%2022%2017%2022C19.7614%2022%2022%2020.8807%2022%2019.5L22%2011.5M12%2015.5C12%2016.8807%2014.2386%2018%2017%2018C19.7614%2018%2022%2016.8807%2022%2015.5M12%204.5C12%205.8807%209.7614%207%207%207C4.2386%207%202%205.8807%202%204.5C2%203.1193%204.2386%202%207%202C9.7614%202%2012%203.1193%2012%204.5ZM2%204.5L2%2012.5C2%2013.2504%202.6742%2013.9612%203.8365%2014.436C4.9987%2014.9108%206.5261%2015.0994%207.9968%2014.9498M2%208.5C2%209.2523%202.6776%209.9647%203.8449%2010.4394C5.0122%2010.9142%206.545%2011.1008%208.0182%2010.9476%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M11%2011.5C11%209.0675%2014.3794%208%2017%208C19.6206%208%2023%209.0675%2023%2011.5L23%2019.5C23%2021.9325%2019.6206%2023%2017%2023C14.3794%2023%2011%2021.9325%2011%2019.5L11%2011.5Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M22%2011.5C22%2012.8807%2019.7614%2014%2017%2014C14.2386%2014%2012%2012.8807%2012%2011.5C12%2010.1193%2014.2386%209%2017%209C19.7614%209%2022%2010.1193%2022%2011.5ZM12%2011.5L12%2019.5C12%2020.8807%2014.2386%2022%2017%2022C19.7614%2022%2022%2020.8807%2022%2019.5L22%2011.5M12%2015.5C12%2016.8807%2014.2386%2018%2017%2018C19.7614%2018%2022%2016.8807%2022%2015.5M12%204.5C12%205.8807%209.7614%207%207%207C4.2386%207%202%205.8807%202%204.5C2%203.1193%204.2386%202%207%202C9.7614%202%2012%203.1193%2012%204.5ZM2%204.5L2%2012.5C2%2013.2504%202.6742%2013.9612%203.8365%2014.436C4.9987%2014.9108%206.5261%2015.0994%207.9968%2014.9498M2%208.5C2%209.2523%202.6776%209.9647%203.8449%2010.4394C5.0122%2010.9142%206.545%2011.1008%208.0182%2010.9476%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/coins-two-tone.svg?color=%231a73e8&size=48
