hackerrank logo

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

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

The same logo in other sets

hackerrankHuge Icons hackerrankLine Awesome hackerrankSimple Icons

Use the hackerrank logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M477.5 128C463 103.05 285.13 0 256.16 0S49.25 102.79 34.84 128s-14.49 230.8 0 256s192.38 128 221.32 128S463 409.08 477.49 384s14.51-231 .01-256M316.13 414.22c-4 0-40.91-35.77-38-38.69c.87-.87 6.26-1.48 17.55-1.83c0-26.23.59-68.59.94-86.32c0-2-.44-3.43-.44-5.85h-79.93c0 7.1-.46 36.2 1.37 72.88c.23 4.54-1.58 6-5.74 5.94c-10.13 0-20.27-.11-30.41-.08c-4.1 0-5.87-1.53-5.74-6.11c.92-33.44 3-84-.15-212.67v-3.17c-9.67-.35-16.38-1-17.26-1.84c-2.92-2.92 34.54-38.69 38.49-38.69s41.17 35.78 38.27 38.69c-.87.87-7.9 1.49-16.77 1.84v3.16c-2.42 25.75-2 79.59-2.63 105.39h80.26c0-4.55.39-34.74-1.2-83.64c-.1-3.39.95-5.17 4.21-5.2c11.07-.08 22.15-.13 33.23-.06c3.46 0 4.57 1.72 4.5 5.38C333 354.64 336 341.29 336 373.69c8.87.35 16.82 1 17.69 1.84c2.88 2.91-33.62 38.69-37.58 38.69z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsHackerrank(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="M477.5 128C463 103.05 285.13 0 256.16 0S49.25 102.79 34.84 128s-14.49 230.8 0 256s192.38 128 221.32 128S463 409.08 477.49 384s14.51-231 .01-256M316.13 414.22c-4 0-40.91-35.77-38-38.69c.87-.87 6.26-1.48 17.55-1.83c0-26.23.59-68.59.94-86.32c0-2-.44-3.43-.44-5.85h-79.93c0 7.1-.46 36.2 1.37 72.88c.23 4.54-1.58 6-5.74 5.94c-10.13 0-20.27-.11-30.41-.08c-4.1 0-5.87-1.53-5.74-6.11c.92-33.44 3-84-.15-212.67v-3.17c-9.67-.35-16.38-1-17.26-1.84c-2.92-2.92 34.54-38.69 38.49-38.69s41.17 35.78 38.27 38.69c-.87.87-7.9 1.49-16.77 1.84v3.16c-2.42 25.75-2 79.59-2.63 105.39h80.26c0-4.55.39-34.74-1.2-83.64c-.1-3.39.95-5.17 4.21-5.2c11.07-.08 22.15-.13 33.23-.06c3.46 0 4.57 1.72 4.5 5.38C333 354.64 336 341.29 336 373.69c8.87.35 16.82 1 17.69 1.84c2.88 2.91-33.62 38.69-37.58 38.69z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M477.5 128C463 103.05 285.13 0 256.16 0S49.25 102.79 34.84 128s-14.49 230.8 0 256s192.38 128 221.32 128S463 409.08 477.49 384s14.51-231 .01-256M316.13 414.22c-4 0-40.91-35.77-38-38.69c.87-.87 6.26-1.48 17.55-1.83c0-26.23.59-68.59.94-86.32c0-2-.44-3.43-.44-5.85h-79.93c0 7.1-.46 36.2 1.37 72.88c.23 4.54-1.58 6-5.74 5.94c-10.13 0-20.27-.11-30.41-.08c-4.1 0-5.87-1.53-5.74-6.11c.92-33.44 3-84-.15-212.67v-3.17c-9.67-.35-16.38-1-17.26-1.84c-2.92-2.92 34.54-38.69 38.49-38.69s41.17 35.78 38.27 38.69c-.87.87-7.9 1.49-16.77 1.84v3.16c-2.42 25.75-2 79.59-2.63 105.39h80.26c0-4.55.39-34.74-1.2-83.64c-.1-3.39.95-5.17 4.21-5.2c11.07-.08 22.15-.13 33.23-.06c3.46 0 4.57 1.72 4.5 5.38C333 354.64 336 341.29 336 373.69c8.87.35 16.82 1 17.69 1.84c2.88 2.91-33.62 38.69-37.58 38.69z"/></svg>
</template>

CSS

.icon-hackerrank {
  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%22M477.5%20128C463%20103.05%20285.13%200%20256.16%200S49.25%20102.79%2034.84%20128s-14.49%20230.8%200%20256s192.38%20128%20221.32%20128S463%20409.08%20477.49%20384s14.51-231%20.01-256M316.13%20414.22c-4%200-40.91-35.77-38-38.69c.87-.87%206.26-1.48%2017.55-1.83c0-26.23.59-68.59.94-86.32c0-2-.44-3.43-.44-5.85h-79.93c0%207.1-.46%2036.2%201.37%2072.88c.23%204.54-1.58%206-5.74%205.94c-10.13%200-20.27-.11-30.41-.08c-4.1%200-5.87-1.53-5.74-6.11c.92-33.44%203-84-.15-212.67v-3.17c-9.67-.35-16.38-1-17.26-1.84c-2.92-2.92%2034.54-38.69%2038.49-38.69s41.17%2035.78%2038.27%2038.69c-.87.87-7.9%201.49-16.77%201.84v3.16c-2.42%2025.75-2%2079.59-2.63%20105.39h80.26c0-4.55.39-34.74-1.2-83.64c-.1-3.39.95-5.17%204.21-5.2c11.07-.08%2022.15-.13%2033.23-.06c3.46%200%204.57%201.72%204.5%205.38C333%20354.64%20336%20341.29%20336%20373.69c8.87.35%2016.82%201%2017.69%201.84c2.88%202.91-33.62%2038.69-37.58%2038.69z%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%22M477.5%20128C463%20103.05%20285.13%200%20256.16%200S49.25%20102.79%2034.84%20128s-14.49%20230.8%200%20256s192.38%20128%20221.32%20128S463%20409.08%20477.49%20384s14.51-231%20.01-256M316.13%20414.22c-4%200-40.91-35.77-38-38.69c.87-.87%206.26-1.48%2017.55-1.83c0-26.23.59-68.59.94-86.32c0-2-.44-3.43-.44-5.85h-79.93c0%207.1-.46%2036.2%201.37%2072.88c.23%204.54-1.58%206-5.74%205.94c-10.13%200-20.27-.11-30.41-.08c-4.1%200-5.87-1.53-5.74-6.11c.92-33.44%203-84-.15-212.67v-3.17c-9.67-.35-16.38-1-17.26-1.84c-2.92-2.92%2034.54-38.69%2038.49-38.69s41.17%2035.78%2038.27%2038.69c-.87.87-7.9%201.49-16.77%201.84v3.16c-2.42%2025.75-2%2079.59-2.63%20105.39h80.26c0-4.55.39-34.74-1.2-83.64c-.1-3.39.95-5.17%204.21-5.2c11.07-.08%2022.15-.13%2033.23-.06c3.46%200%204.57%201.72%204.5%205.38C333%20354.64%20336%20341.29%20336%20373.69c8.87.35%2016.82%201%2017.69%201.84c2.88%202.91-33.62%2038.69-37.58%2038.69z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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