hashnode logo

hashnode from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: hashnode
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same logo in other sets

hashnodeBoxicons Brands hashnodeCoreUI 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 512 512"><path fill="currentColor" d="M35.19 171.1c-46.91 46-46.91 122.9 0 169.8L171.1 476.8c46 46.9 122.9 46.9 169.8 0l135.9-135.9c46.9-46.9 46.9-123.8 0-169.8L340.9 35.19c-46.9-46.91-123.8-46.91-169.8 0zM315.5 315.5c-32.9 32.8-86.1 32.8-118.9 0c-32.9-32.9-32.9-86.1 0-118.9c32.8-32.9 86-32.9 118.9 0c32.8 32.8 32.8 86 0 118.9"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsHashnode(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M35.19 171.1c-46.91 46-46.91 122.9 0 169.8L171.1 476.8c46 46.9 122.9 46.9 169.8 0l135.9-135.9c46.9-46.9 46.9-123.8 0-169.8L340.9 35.19c-46.9-46.91-123.8-46.91-169.8 0zM315.5 315.5c-32.9 32.8-86.1 32.8-118.9 0c-32.9-32.9-32.9-86.1 0-118.9c32.8-32.9 86-32.9 118.9 0c32.8 32.8 32.8 86 0 118.9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M35.19 171.1c-46.91 46-46.91 122.9 0 169.8L171.1 476.8c46 46.9 122.9 46.9 169.8 0l135.9-135.9c46.9-46.9 46.9-123.8 0-169.8L340.9 35.19c-46.9-46.91-123.8-46.91-169.8 0zM315.5 315.5c-32.9 32.8-86.1 32.8-118.9 0c-32.9-32.9-32.9-86.1 0-118.9c32.8-32.9 86-32.9 118.9 0c32.8 32.8 32.8 86 0 118.9"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.19%20171.1c-46.91%2046-46.91%20122.9%200%20169.8L171.1%20476.8c46%2046.9%20122.9%2046.9%20169.8%200l135.9-135.9c46.9-46.9%2046.9-123.8%200-169.8L340.9%2035.19c-46.9-46.91-123.8-46.91-169.8%200zM315.5%20315.5c-32.9%2032.8-86.1%2032.8-118.9%200c-32.9-32.9-32.9-86.1%200-118.9c32.8-32.9%2086-32.9%20118.9%200c32.8%2032.8%2032.8%2086%200%20118.9%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M35.19%20171.1c-46.91%2046-46.91%20122.9%200%20169.8L171.1%20476.8c46%2046.9%20122.9%2046.9%20169.8%200l135.9-135.9c46.9-46.9%2046.9-123.8%200-169.8L340.9%2035.19c-46.9-46.91-123.8-46.91-169.8%200zM315.5%20315.5c-32.9%2032.8-86.1%2032.8-118.9%200c-32.9-32.9-32.9-86.1%200-118.9c32.8-32.9%2086-32.9%20118.9%200c32.8%2032.8%2032.8%2086%200%20118.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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