hackerrank icon
hackerrank from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- hackerrank
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the hackerrank icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.998 3C14.225 3 5.535 7.984 4.658 9.504s-.878 11.479 0 12.994C5.54 24.017 14.23 29 15.998 29c1.764 0 10.454-4.98 11.338-6.498c.887-1.522.887-11.488 0-13.004v-.002C26.445 7.98 17.756 3 15.998 3m-.002 2.012c1.697.353 8.422 4.205 9.6 5.498c.54 1.64.539 9.334 0 10.978c-1.17 1.291-7.9 5.148-9.6 5.5c-1.698-.35-8.424-4.205-9.596-5.498c-.535-1.648-.535-9.334 0-10.98c1.17-1.293 7.897-5.148 9.596-5.498M13 9l-2 2h1v10h2v-4h4v4h-1l2 2l2-2h-1v-9h-2v3h-4v-4h1z"/></svg>
React
import type { SVGProps } from "react";
export function LaHackerrank(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="M15.998 3C14.225 3 5.535 7.984 4.658 9.504s-.878 11.479 0 12.994C5.54 24.017 14.23 29 15.998 29c1.764 0 10.454-4.98 11.338-6.498c.887-1.522.887-11.488 0-13.004v-.002C26.445 7.98 17.756 3 15.998 3m-.002 2.012c1.697.353 8.422 4.205 9.6 5.498c.54 1.64.539 9.334 0 10.978c-1.17 1.291-7.9 5.148-9.6 5.5c-1.698-.35-8.424-4.205-9.596-5.498c-.535-1.648-.535-9.334 0-10.98c1.17-1.293 7.897-5.148 9.596-5.498M13 9l-2 2h1v10h2v-4h4v4h-1l2 2l2-2h-1v-9h-2v3h-4v-4h1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M15.998 3C14.225 3 5.535 7.984 4.658 9.504s-.878 11.479 0 12.994C5.54 24.017 14.23 29 15.998 29c1.764 0 10.454-4.98 11.338-6.498c.887-1.522.887-11.488 0-13.004v-.002C26.445 7.98 17.756 3 15.998 3m-.002 2.012c1.697.353 8.422 4.205 9.6 5.498c.54 1.64.539 9.334 0 10.978c-1.17 1.291-7.9 5.148-9.6 5.5c-1.698-.35-8.424-4.205-9.596-5.498c-.535-1.648-.535-9.334 0-10.98c1.17-1.293 7.897-5.148 9.596-5.498M13 9l-2 2h1v10h2v-4h4v4h-1l2 2l2-2h-1v-9h-2v3h-4v-4h1z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.998%203C14.225%203%205.535%207.984%204.658%209.504s-.878%2011.479%200%2012.994C5.54%2024.017%2014.23%2029%2015.998%2029c1.764%200%2010.454-4.98%2011.338-6.498c.887-1.522.887-11.488%200-13.004v-.002C26.445%207.98%2017.756%203%2015.998%203m-.002%202.012c1.697.353%208.422%204.205%209.6%205.498c.54%201.64.539%209.334%200%2010.978c-1.17%201.291-7.9%205.148-9.6%205.5c-1.698-.35-8.424-4.205-9.596-5.498c-.535-1.648-.535-9.334%200-10.98c1.17-1.293%207.897-5.148%209.596-5.498M13%209l-2%202h1v10h2v-4h4v4h-1l2%202l2-2h-1v-9h-2v3h-4v-4h1z%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%22M15.998%203C14.225%203%205.535%207.984%204.658%209.504s-.878%2011.479%200%2012.994C5.54%2024.017%2014.23%2029%2015.998%2029c1.764%200%2010.454-4.98%2011.338-6.498c.887-1.522.887-11.488%200-13.004v-.002C26.445%207.98%2017.756%203%2015.998%203m-.002%202.012c1.697.353%208.422%204.205%209.6%205.498c.54%201.64.539%209.334%200%2010.978c-1.17%201.291-7.9%205.148-9.6%205.5c-1.698-.35-8.424-4.205-9.596-5.498c-.535-1.648-.535-9.334%200-10.98c1.17-1.293%207.897-5.148%209.596-5.498M13%209l-2%202h1v10h2v-4h4v4h-1l2%202l2-2h-1v-9h-2v3h-4v-4h1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/hackerrank.svg?color=%231a73e8&size=48
