pointy logo
pointy from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- pointy
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the pointy logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.076.025S4.52.234 2.833 2.751c-1.58 2.351-1.465 5.145-1.1 8.121C2.096 13.831 2.587 24 2.587 24c.002.003 11.235-11.526 11.23-11.506c1.75-1.805 2.408-4.468 2.395-5.961c-.037-4.274-3.461-6.815-8.136-6.508m.777 10.774c-1.991 0-3.604-1.632-3.604-3.645c0-2.015 1.614-3.649 3.604-3.649s3.642 1.512 3.642 3.527c0 2.011-1.652 3.767-3.642 3.767m2.765-3.741a1.58 1.58 0 1 1-3.162 0a1.58 1.58 0 0 1 3.162 0m10.879 1.431s-2.325.158-3.644.57c-1.317.413-2.502 1.076-2.502 1.076s.495-.852.705-2.361c.207-1.511-.14-2.652-.14-2.652z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsPointy(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.076.025S4.52.234 2.833 2.751c-1.58 2.351-1.465 5.145-1.1 8.121C2.096 13.831 2.587 24 2.587 24c.002.003 11.235-11.526 11.23-11.506c1.75-1.805 2.408-4.468 2.395-5.961c-.037-4.274-3.461-6.815-8.136-6.508m.777 10.774c-1.991 0-3.604-1.632-3.604-3.645c0-2.015 1.614-3.649 3.604-3.649s3.642 1.512 3.642 3.527c0 2.011-1.652 3.767-3.642 3.767m2.765-3.741a1.58 1.58 0 1 1-3.162 0a1.58 1.58 0 0 1 3.162 0m10.879 1.431s-2.325.158-3.644.57c-1.317.413-2.502 1.076-2.502 1.076s.495-.852.705-2.361c.207-1.511-.14-2.652-.14-2.652z"/></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.076.025S4.52.234 2.833 2.751c-1.58 2.351-1.465 5.145-1.1 8.121C2.096 13.831 2.587 24 2.587 24c.002.003 11.235-11.526 11.23-11.506c1.75-1.805 2.408-4.468 2.395-5.961c-.037-4.274-3.461-6.815-8.136-6.508m.777 10.774c-1.991 0-3.604-1.632-3.604-3.645c0-2.015 1.614-3.649 3.604-3.649s3.642 1.512 3.642 3.527c0 2.011-1.652 3.767-3.642 3.767m2.765-3.741a1.58 1.58 0 1 1-3.162 0a1.58 1.58 0 0 1 3.162 0m10.879 1.431s-2.325.158-3.644.57c-1.317.413-2.502 1.076-2.502 1.076s.495-.852.705-2.361c.207-1.511-.14-2.652-.14-2.652z"/></svg> </template>
CSS
.icon-pointy {
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.076.025S4.52.234%202.833%202.751c-1.58%202.351-1.465%205.145-1.1%208.121C2.096%2013.831%202.587%2024%202.587%2024c.002.003%2011.235-11.526%2011.23-11.506c1.75-1.805%202.408-4.468%202.395-5.961c-.037-4.274-3.461-6.815-8.136-6.508m.777%2010.774c-1.991%200-3.604-1.632-3.604-3.645c0-2.015%201.614-3.649%203.604-3.649s3.642%201.512%203.642%203.527c0%202.011-1.652%203.767-3.642%203.767m2.765-3.741a1.58%201.58%200%201%201-3.162%200a1.58%201.58%200%200%201%203.162%200m10.879%201.431s-2.325.158-3.644.57c-1.317.413-2.502%201.076-2.502%201.076s.495-.852.705-2.361c.207-1.511-.14-2.652-.14-2.652z%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.076.025S4.52.234%202.833%202.751c-1.58%202.351-1.465%205.145-1.1%208.121C2.096%2013.831%202.587%2024%202.587%2024c.002.003%2011.235-11.526%2011.23-11.506c1.75-1.805%202.408-4.468%202.395-5.961c-.037-4.274-3.461-6.815-8.136-6.508m.777%2010.774c-1.991%200-3.604-1.632-3.604-3.645c0-2.015%201.614-3.649%203.604-3.649s3.642%201.512%203.642%203.527c0%202.011-1.652%203.767-3.642%203.767m2.765-3.741a1.58%201.58%200%201%201-3.162%200a1.58%201.58%200%200%201%203.162%200m10.879%201.431s-2.325.158-3.644.57c-1.317.413-2.502%201.076-2.502%201.076s.495-.852.705-2.361c.207-1.511-.14-2.652-.14-2.652z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/pointy.svg?color=%231a73e8&size=48
