jam logo
jam from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- jam
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the jam logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.122 3C16.78 3 21 7.315 21 11.936C21 18.898 15.505 21 14.33 21c-1.546 0-1.8-1.932-1.8-2.727s1.942-3.626 4.012-3.626c.9 0 .948.291 1.282.53c.375-.52.518-1.377.529-2.356c.048-3.479-3.124-5.496-6.247-5.586h-.212c-3.092 0-6.279 2.245-6.247 5.586c.01 1.18.27 2.207.54 2.355c.318-.222.355-.529 1.27-.529c2.07 0 4.014 2.832 4.014 3.626c0 .795-.255 2.727-1.8 2.727C8.495 21 3 18.898 3 11.936C3 7.331 7.214 3 11.862 3z"/></svg>
React
import type { SVGProps } from "react";
export function TokenJam(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.122 3C16.78 3 21 7.315 21 11.936C21 18.898 15.505 21 14.33 21c-1.546 0-1.8-1.932-1.8-2.727s1.942-3.626 4.012-3.626c.9 0 .948.291 1.282.53c.375-.52.518-1.377.529-2.356c.048-3.479-3.124-5.496-6.247-5.586h-.212c-3.092 0-6.279 2.245-6.247 5.586c.01 1.18.27 2.207.54 2.355c.318-.222.355-.529 1.27-.529c2.07 0 4.014 2.832 4.014 3.626c0 .795-.255 2.727-1.8 2.727C8.495 21 3 18.898 3 11.936C3 7.331 7.214 3 11.862 3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.122 3C16.78 3 21 7.315 21 11.936C21 18.898 15.505 21 14.33 21c-1.546 0-1.8-1.932-1.8-2.727s1.942-3.626 4.012-3.626c.9 0 .948.291 1.282.53c.375-.52.518-1.377.529-2.356c.048-3.479-3.124-5.496-6.247-5.586h-.212c-3.092 0-6.279 2.245-6.247 5.586c.01 1.18.27 2.207.54 2.355c.318-.222.355-.529 1.27-.529c2.07 0 4.014 2.832 4.014 3.626c0 .795-.255 2.727-1.8 2.727C8.495 21 3 18.898 3 11.936C3 7.331 7.214 3 11.862 3z"/></svg> </template>
CSS
.icon-jam {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.122%203C16.78%203%2021%207.315%2021%2011.936C21%2018.898%2015.505%2021%2014.33%2021c-1.546%200-1.8-1.932-1.8-2.727s1.942-3.626%204.012-3.626c.9%200%20.948.291%201.282.53c.375-.52.518-1.377.529-2.356c.048-3.479-3.124-5.496-6.247-5.586h-.212c-3.092%200-6.279%202.245-6.247%205.586c.01%201.18.27%202.207.54%202.355c.318-.222.355-.529%201.27-.529c2.07%200%204.014%202.832%204.014%203.626c0%20.795-.255%202.727-1.8%202.727C8.495%2021%203%2018.898%203%2011.936C3%207.331%207.214%203%2011.862%203z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.122%203C16.78%203%2021%207.315%2021%2011.936C21%2018.898%2015.505%2021%2014.33%2021c-1.546%200-1.8-1.932-1.8-2.727s1.942-3.626%204.012-3.626c.9%200%20.948.291%201.282.53c.375-.52.518-1.377.529-2.356c.048-3.479-3.124-5.496-6.247-5.586h-.212c-3.092%200-6.279%202.245-6.247%205.586c.01%201.18.27%202.207.54%202.355c.318-.222.355-.529%201.27-.529c2.07%200%204.014%202.832%204.014%203.626c0%20.795-.255%202.727-1.8%202.727C8.495%2021%203%2018.898%203%2011.936C3%207.331%207.214%203%2011.862%203z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/jam.svg?color=%231a73e8&size=48
