hashnode logo

hashnode from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: hashnode
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

hashnodeBoxicons Brands hashnodeFont Awesome 6 Brands hashnodeFont Awesome Brands hashnodeSVG Logos hashnodeSimple Icons

Use the hashnode logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.12 0h21.76A5.12 5.12 0 0 1 32 5.12v21.76A5.12 5.12 0 0 1 26.88 32H5.12A5.12 5.12 0 0 1 0 26.88V5.12A5.12 5.12 0 0 1 5.12 0m18.901 28.849h-.005c4.291-.104 4.547-6.401.276-6.855L17.74 10.421c-.959-1.724-2.813-1.651-3.48.797c-.572 2.312-.427 4.495-.593 7.131c0 .015-.016.031-.031.036c-.016.005-.037-.005-.043-.016L7.74 6.697c.473-.375.755-.948.755-1.552c0-1.733-2.093-2.604-3.317-1.375c-1.224 1.224-.36 3.317 1.375 3.317c.093 0 .167-.015.24-.015c2.463 6.333 5.203 13.724 6.187 15.427c.667 1.631 2.943 1.109 3-.651l.24-9.24c0-.057.073-.057.093-.021l4.704 11.188c-1.251 2.281.4 5.068 3.005 5.073z"/></svg>

React

import type { SVGProps } from "react";

export function CibHashnode(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.12 0h21.76A5.12 5.12 0 0 1 32 5.12v21.76A5.12 5.12 0 0 1 26.88 32H5.12A5.12 5.12 0 0 1 0 26.88V5.12A5.12 5.12 0 0 1 5.12 0m18.901 28.849h-.005c4.291-.104 4.547-6.401.276-6.855L17.74 10.421c-.959-1.724-2.813-1.651-3.48.797c-.572 2.312-.427 4.495-.593 7.131c0 .015-.016.031-.031.036c-.016.005-.037-.005-.043-.016L7.74 6.697c.473-.375.755-.948.755-1.552c0-1.733-2.093-2.604-3.317-1.375c-1.224 1.224-.36 3.317 1.375 3.317c.093 0 .167-.015.24-.015c2.463 6.333 5.203 13.724 6.187 15.427c.667 1.631 2.943 1.109 3-.651l.24-9.24c0-.057.073-.057.093-.021l4.704 11.188c-1.251 2.281.4 5.068 3.005 5.073z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5.12 0h21.76A5.12 5.12 0 0 1 32 5.12v21.76A5.12 5.12 0 0 1 26.88 32H5.12A5.12 5.12 0 0 1 0 26.88V5.12A5.12 5.12 0 0 1 5.12 0m18.901 28.849h-.005c4.291-.104 4.547-6.401.276-6.855L17.74 10.421c-.959-1.724-2.813-1.651-3.48.797c-.572 2.312-.427 4.495-.593 7.131c0 .015-.016.031-.031.036c-.016.005-.037-.005-.043-.016L7.74 6.697c.473-.375.755-.948.755-1.552c0-1.733-2.093-2.604-3.317-1.375c-1.224 1.224-.36 3.317 1.375 3.317c.093 0 .167-.015.24-.015c2.463 6.333 5.203 13.724 6.187 15.427c.667 1.631 2.943 1.109 3-.651l.24-9.24c0-.057.073-.057.093-.021l4.704 11.188c-1.251 2.281.4 5.068 3.005 5.073z"/></svg>
</template>

CSS

.icon-hashnode {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.12%200h21.76A5.12%205.12%200%200%201%2032%205.12v21.76A5.12%205.12%200%200%201%2026.88%2032H5.12A5.12%205.12%200%200%201%200%2026.88V5.12A5.12%205.12%200%200%201%205.12%200m18.901%2028.849h-.005c4.291-.104%204.547-6.401.276-6.855L17.74%2010.421c-.959-1.724-2.813-1.651-3.48.797c-.572%202.312-.427%204.495-.593%207.131c0%20.015-.016.031-.031.036c-.016.005-.037-.005-.043-.016L7.74%206.697c.473-.375.755-.948.755-1.552c0-1.733-2.093-2.604-3.317-1.375c-1.224%201.224-.36%203.317%201.375%203.317c.093%200%20.167-.015.24-.015c2.463%206.333%205.203%2013.724%206.187%2015.427c.667%201.631%202.943%201.109%203-.651l.24-9.24c0-.057.073-.057.093-.021l4.704%2011.188c-1.251%202.281.4%205.068%203.005%205.073z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.12%200h21.76A5.12%205.12%200%200%201%2032%205.12v21.76A5.12%205.12%200%200%201%2026.88%2032H5.12A5.12%205.12%200%200%201%200%2026.88V5.12A5.12%205.12%200%200%201%205.12%200m18.901%2028.849h-.005c4.291-.104%204.547-6.401.276-6.855L17.74%2010.421c-.959-1.724-2.813-1.651-3.48.797c-.572%202.312-.427%204.495-.593%207.131c0%20.015-.016.031-.031.036c-.016.005-.037-.005-.043-.016L7.74%206.697c.473-.375.755-.948.755-1.552c0-1.733-2.093-2.604-3.317-1.375c-1.224%201.224-.36%203.317%201.375%203.317c.093%200%20.167-.015.24-.015c2.463%206.333%205.203%2013.724%206.187%2015.427c.667%201.631%202.943%201.109%203-.651l.24-9.24c0-.057.073-.057.093-.021l4.704%2011.188c-1.251%202.281.4%205.068%203.005%205.073z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/hashnode.svg?color=%231a73e8&size=48