tips logo
tips from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- tips
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the tips logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.619 8.378c-.71 0-.884-.632-.884-.949c.197-.736.928-2.52 2.368-2.52c2.072 0 4.26.23 5.443.546c-2.661.632-6.038 2.923-6.927 2.923"/><path fill="currentColor" fill-rule="evenodd" d="M7.735 8.062c0 .316.403.665.992.665c.366 0 1.418-.545 2.618-1.162c1.697-.872 3.682-1.898 4.375-1.712c.196.316.655 1.636.89 3.152l.18.077C18.163 9.638 21 10.794 21 12c0 1.576-4.39 7.09-10.898 7.09C3.589 19.09 3 14.679 3 13.735c0-.949 1.184-3.152 4.44-4.418c.196-.098.295-.753.295-1.254m-.917 3.392c.197.524 1.07 1.637 2.727 1.637c2.073 0 6.502-2.64 7.091-3.273v2.455c0 .709-4.472 3.272-6.545 3.272s-3.546-1.494-3.546-2.127c0-.502.175-1.544.273-1.964" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenTips(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="M8.619 8.378c-.71 0-.884-.632-.884-.949c.197-.736.928-2.52 2.368-2.52c2.072 0 4.26.23 5.443.546c-2.661.632-6.038 2.923-6.927 2.923"/><path fill="currentColor" fillRule="evenodd" d="M7.735 8.062c0 .316.403.665.992.665c.366 0 1.418-.545 2.618-1.162c1.697-.872 3.682-1.898 4.375-1.712c.196.316.655 1.636.89 3.152l.18.077C18.163 9.638 21 10.794 21 12c0 1.576-4.39 7.09-10.898 7.09C3.589 19.09 3 14.679 3 13.735c0-.949 1.184-3.152 4.44-4.418c.196-.098.295-.753.295-1.254m-.917 3.392c.197.524 1.07 1.637 2.727 1.637c2.073 0 6.502-2.64 7.091-3.273v2.455c0 .709-4.472 3.272-6.545 3.272s-3.546-1.494-3.546-2.127c0-.502.175-1.544.273-1.964" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.619 8.378c-.71 0-.884-.632-.884-.949c.197-.736.928-2.52 2.368-2.52c2.072 0 4.26.23 5.443.546c-2.661.632-6.038 2.923-6.927 2.923"/><path fill="currentColor" fill-rule="evenodd" d="M7.735 8.062c0 .316.403.665.992.665c.366 0 1.418-.545 2.618-1.162c1.697-.872 3.682-1.898 4.375-1.712c.196.316.655 1.636.89 3.152l.18.077C18.163 9.638 21 10.794 21 12c0 1.576-4.39 7.09-10.898 7.09C3.589 19.09 3 14.679 3 13.735c0-.949 1.184-3.152 4.44-4.418c.196-.098.295-.753.295-1.254m-.917 3.392c.197.524 1.07 1.637 2.727 1.637c2.073 0 6.502-2.64 7.091-3.273v2.455c0 .709-4.472 3.272-6.545 3.272s-3.546-1.494-3.546-2.127c0-.502.175-1.544.273-1.964" clip-rule="evenodd"/></svg> </template>
CSS
.icon-tips {
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%22M8.619%208.378c-.71%200-.884-.632-.884-.949c.197-.736.928-2.52%202.368-2.52c2.072%200%204.26.23%205.443.546c-2.661.632-6.038%202.923-6.927%202.923%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.735%208.062c0%20.316.403.665.992.665c.366%200%201.418-.545%202.618-1.162c1.697-.872%203.682-1.898%204.375-1.712c.196.316.655%201.636.89%203.152l.18.077C18.163%209.638%2021%2010.794%2021%2012c0%201.576-4.39%207.09-10.898%207.09C3.589%2019.09%203%2014.679%203%2013.735c0-.949%201.184-3.152%204.44-4.418c.196-.098.295-.753.295-1.254m-.917%203.392c.197.524%201.07%201.637%202.727%201.637c2.073%200%206.502-2.64%207.091-3.273v2.455c0%20.709-4.472%203.272-6.545%203.272s-3.546-1.494-3.546-2.127c0-.502.175-1.544.273-1.964%22%20clip-rule%3D%22evenodd%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%22M8.619%208.378c-.71%200-.884-.632-.884-.949c.197-.736.928-2.52%202.368-2.52c2.072%200%204.26.23%205.443.546c-2.661.632-6.038%202.923-6.927%202.923%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.735%208.062c0%20.316.403.665.992.665c.366%200%201.418-.545%202.618-1.162c1.697-.872%203.682-1.898%204.375-1.712c.196.316.655%201.636.89%203.152l.18.077C18.163%209.638%2021%2010.794%2021%2012c0%201.576-4.39%207.09-10.898%207.09C3.589%2019.09%203%2014.679%203%2013.735c0-.949%201.184-3.152%204.44-4.418c.196-.098.295-.753.295-1.254m-.917%203.392c.197.524%201.07%201.637%202.727%201.637c2.073%200%206.502-2.64%207.091-3.273v2.455c0%20.709-4.472%203.272-6.545%203.272s-3.546-1.494-3.546-2.127c0-.502.175-1.544.273-1.964%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/tips.svg?color=%231a73e8&size=48
