hook logo
hook from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- hook
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the hook logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.482 7.5c2.155 0 3.51 1.395 3.915 2.088l-3.213.693l.89-.693C7.037 8.134 4.35 9.97 4.35 11.883c0 1.534 1.278 2.529 1.854 2.835c-1.737-.243-2.889-1.422-3.006-1.8A3.6 3.6 0 0 1 3 11.883C3 9.732 4.786 7.5 7.482 7.5m9.035 9c-2.155 0-3.51-1.395-3.915-2.088l3.213-.693l-.89.693c2.038 1.454 4.724-.382 4.724-2.295c0-1.534-1.278-2.529-1.854-2.835c1.737.243 2.89 1.422 3.006 1.8c.095.306.198.68.198 1.035c0 2.156-1.786 4.383-4.482 4.383"/><path fill="currentColor" d="M6.407 14.893a3.92 3.92 0 0 1-3.24-1.62c.247 1.53 2.025 3.227 4.37 3.227c1.88 0 3.518-1.643 4.103-2.466l2.313-3.416c.432-.526 1.67-1.58 3.132-1.58s3.217 1.054 3.915 1.58c-.297-1.03-1.498-3.087-3.915-3.087s-4.063 1.71-4.59 2.565c-.877 1.188-2.713 3.65-3.046 3.938c-.414.36-.81.859-3.042.859"/></svg>
React
import type { SVGProps } from "react";
export function TokenHook(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="M7.482 7.5c2.155 0 3.51 1.395 3.915 2.088l-3.213.693l.89-.693C7.037 8.134 4.35 9.97 4.35 11.883c0 1.534 1.278 2.529 1.854 2.835c-1.737-.243-2.889-1.422-3.006-1.8A3.6 3.6 0 0 1 3 11.883C3 9.732 4.786 7.5 7.482 7.5m9.035 9c-2.155 0-3.51-1.395-3.915-2.088l3.213-.693l-.89.693c2.038 1.454 4.724-.382 4.724-2.295c0-1.534-1.278-2.529-1.854-2.835c1.737.243 2.89 1.422 3.006 1.8c.095.306.198.68.198 1.035c0 2.156-1.786 4.383-4.482 4.383"/><path fill="currentColor" d="M6.407 14.893a3.92 3.92 0 0 1-3.24-1.62c.247 1.53 2.025 3.227 4.37 3.227c1.88 0 3.518-1.643 4.103-2.466l2.313-3.416c.432-.526 1.67-1.58 3.132-1.58s3.217 1.054 3.915 1.58c-.297-1.03-1.498-3.087-3.915-3.087s-4.063 1.71-4.59 2.565c-.877 1.188-2.713 3.65-3.046 3.938c-.414.36-.81.859-3.042.859"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.482 7.5c2.155 0 3.51 1.395 3.915 2.088l-3.213.693l.89-.693C7.037 8.134 4.35 9.97 4.35 11.883c0 1.534 1.278 2.529 1.854 2.835c-1.737-.243-2.889-1.422-3.006-1.8A3.6 3.6 0 0 1 3 11.883C3 9.732 4.786 7.5 7.482 7.5m9.035 9c-2.155 0-3.51-1.395-3.915-2.088l3.213-.693l-.89.693c2.038 1.454 4.724-.382 4.724-2.295c0-1.534-1.278-2.529-1.854-2.835c1.737.243 2.89 1.422 3.006 1.8c.095.306.198.68.198 1.035c0 2.156-1.786 4.383-4.482 4.383"/><path fill="currentColor" d="M6.407 14.893a3.92 3.92 0 0 1-3.24-1.62c.247 1.53 2.025 3.227 4.37 3.227c1.88 0 3.518-1.643 4.103-2.466l2.313-3.416c.432-.526 1.67-1.58 3.132-1.58s3.217 1.054 3.915 1.58c-.297-1.03-1.498-3.087-3.915-3.087s-4.063 1.71-4.59 2.565c-.877 1.188-2.713 3.65-3.046 3.938c-.414.36-.81.859-3.042.859"/></svg> </template>
CSS
.icon-hook {
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%22M7.482%207.5c2.155%200%203.51%201.395%203.915%202.088l-3.213.693l.89-.693C7.037%208.134%204.35%209.97%204.35%2011.883c0%201.534%201.278%202.529%201.854%202.835c-1.737-.243-2.889-1.422-3.006-1.8A3.6%203.6%200%200%201%203%2011.883C3%209.732%204.786%207.5%207.482%207.5m9.035%209c-2.155%200-3.51-1.395-3.915-2.088l3.213-.693l-.89.693c2.038%201.454%204.724-.382%204.724-2.295c0-1.534-1.278-2.529-1.854-2.835c1.737.243%202.89%201.422%203.006%201.8c.095.306.198.68.198%201.035c0%202.156-1.786%204.383-4.482%204.383%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.407%2014.893a3.92%203.92%200%200%201-3.24-1.62c.247%201.53%202.025%203.227%204.37%203.227c1.88%200%203.518-1.643%204.103-2.466l2.313-3.416c.432-.526%201.67-1.58%203.132-1.58s3.217%201.054%203.915%201.58c-.297-1.03-1.498-3.087-3.915-3.087s-4.063%201.71-4.59%202.565c-.877%201.188-2.713%203.65-3.046%203.938c-.414.36-.81.859-3.042.859%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%22M7.482%207.5c2.155%200%203.51%201.395%203.915%202.088l-3.213.693l.89-.693C7.037%208.134%204.35%209.97%204.35%2011.883c0%201.534%201.278%202.529%201.854%202.835c-1.737-.243-2.889-1.422-3.006-1.8A3.6%203.6%200%200%201%203%2011.883C3%209.732%204.786%207.5%207.482%207.5m9.035%209c-2.155%200-3.51-1.395-3.915-2.088l3.213-.693l-.89.693c2.038%201.454%204.724-.382%204.724-2.295c0-1.534-1.278-2.529-1.854-2.835c1.737.243%202.89%201.422%203.006%201.8c.095.306.198.68.198%201.035c0%202.156-1.786%204.383-4.482%204.383%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.407%2014.893a3.92%203.92%200%200%201-3.24-1.62c.247%201.53%202.025%203.227%204.37%203.227c1.88%200%203.518-1.643%204.103-2.466l2.313-3.416c.432-.526%201.67-1.58%203.132-1.58s3.217%201.054%203.915%201.58c-.297-1.03-1.498-3.087-3.915-3.087s-4.063%201.71-4.59%202.565c-.877%201.188-2.713%203.65-3.046%203.938c-.414.36-.81.859-3.042.859%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/hook.svg?color=%231a73e8&size=48
