loom logo
loom from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- loom
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the loom logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.572 5.693L14 7.493l-.983-.75l3.51-2.618l3.172 2.152a2.94 2.94 0 0 1 .105 4.808l-1.23.915l1.05.742a3.052 3.052 0 0 1 0 4.98l-3.03 2.152l-10.08-7.087l-1.47 1.08a1.575 1.575 0 0 0-.09 2.527l2.55 2.07l2.557-1.83l.945.72l-3.524 2.52l-3.51-2.655a2.556 2.556 0 0 1 .067-4.064l1.463-1.088l-1.095-.765a2.978 2.978 0 0 1-.045-4.83l3.083-2.257l10.05 7.035l1.372-.975a1.927 1.927 0 0 0-.09-3.195L16.572 5.7zm-.023 6.224l-9.202-6.39L4.73 7.702a1.484 1.484 0 0 0 .09 2.37l1.74 1.215l3.524-2.61l.998.743L7.587 12l9.134 6.359l2.288-1.65a1.89 1.89 0 0 0-.015-3.074l-1.35-.938l-3.675 2.745l-1.072-.93l3.645-2.58z"/></svg>
React
import type { SVGProps } from "react";
export function TokenLoom(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="M16.572 5.693L14 7.493l-.983-.75l3.51-2.618l3.172 2.152a2.94 2.94 0 0 1 .105 4.808l-1.23.915l1.05.742a3.052 3.052 0 0 1 0 4.98l-3.03 2.152l-10.08-7.087l-1.47 1.08a1.575 1.575 0 0 0-.09 2.527l2.55 2.07l2.557-1.83l.945.72l-3.524 2.52l-3.51-2.655a2.556 2.556 0 0 1 .067-4.064l1.463-1.088l-1.095-.765a2.978 2.978 0 0 1-.045-4.83l3.083-2.257l10.05 7.035l1.372-.975a1.927 1.927 0 0 0-.09-3.195L16.572 5.7zm-.023 6.224l-9.202-6.39L4.73 7.702a1.484 1.484 0 0 0 .09 2.37l1.74 1.215l3.524-2.61l.998.743L7.587 12l9.134 6.359l2.288-1.65a1.89 1.89 0 0 0-.015-3.074l-1.35-.938l-3.675 2.745l-1.072-.93l3.645-2.58z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.572 5.693L14 7.493l-.983-.75l3.51-2.618l3.172 2.152a2.94 2.94 0 0 1 .105 4.808l-1.23.915l1.05.742a3.052 3.052 0 0 1 0 4.98l-3.03 2.152l-10.08-7.087l-1.47 1.08a1.575 1.575 0 0 0-.09 2.527l2.55 2.07l2.557-1.83l.945.72l-3.524 2.52l-3.51-2.655a2.556 2.556 0 0 1 .067-4.064l1.463-1.088l-1.095-.765a2.978 2.978 0 0 1-.045-4.83l3.083-2.257l10.05 7.035l1.372-.975a1.927 1.927 0 0 0-.09-3.195L16.572 5.7zm-.023 6.224l-9.202-6.39L4.73 7.702a1.484 1.484 0 0 0 .09 2.37l1.74 1.215l3.524-2.61l.998.743L7.587 12l9.134 6.359l2.288-1.65a1.89 1.89 0 0 0-.015-3.074l-1.35-.938l-3.675 2.745l-1.072-.93l3.645-2.58z"/></svg> </template>
CSS
.icon-loom {
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%22M16.572%205.693L14%207.493l-.983-.75l3.51-2.618l3.172%202.152a2.94%202.94%200%200%201%20.105%204.808l-1.23.915l1.05.742a3.052%203.052%200%200%201%200%204.98l-3.03%202.152l-10.08-7.087l-1.47%201.08a1.575%201.575%200%200%200-.09%202.527l2.55%202.07l2.557-1.83l.945.72l-3.524%202.52l-3.51-2.655a2.556%202.556%200%200%201%20.067-4.064l1.463-1.088l-1.095-.765a2.978%202.978%200%200%201-.045-4.83l3.083-2.257l10.05%207.035l1.372-.975a1.927%201.927%200%200%200-.09-3.195L16.572%205.7zm-.023%206.224l-9.202-6.39L4.73%207.702a1.484%201.484%200%200%200%20.09%202.37l1.74%201.215l3.524-2.61l.998.743L7.587%2012l9.134%206.359l2.288-1.65a1.89%201.89%200%200%200-.015-3.074l-1.35-.938l-3.675%202.745l-1.072-.93l3.645-2.58z%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%22M16.572%205.693L14%207.493l-.983-.75l3.51-2.618l3.172%202.152a2.94%202.94%200%200%201%20.105%204.808l-1.23.915l1.05.742a3.052%203.052%200%200%201%200%204.98l-3.03%202.152l-10.08-7.087l-1.47%201.08a1.575%201.575%200%200%200-.09%202.527l2.55%202.07l2.557-1.83l.945.72l-3.524%202.52l-3.51-2.655a2.556%202.556%200%200%201%20.067-4.064l1.463-1.088l-1.095-.765a2.978%202.978%200%200%201-.045-4.83l3.083-2.257l10.05%207.035l1.372-.975a1.927%201.927%200%200%200-.09-3.195L16.572%205.7zm-.023%206.224l-9.202-6.39L4.73%207.702a1.484%201.484%200%200%200%20.09%202.37l1.74%201.215l3.524-2.61l.998.743L7.587%2012l9.134%206.359l2.288-1.65a1.89%201.89%200%200%200-.015-3.074l-1.35-.938l-3.675%202.745l-1.072-.93l3.645-2.58z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/loom.svg?color=%231a73e8&size=48
