Иконка Hackerrank
fa6-brands:hackerrank
Иконка Hackerrank (fa6-brands:hackerrank) — бесплатная SVG-иконка из набора Font Awesome 6 Brands от Dave Gandy. Она нарисована на сетке 512 × 512. Font Awesome 6 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Font Awesome 6 Brands
- Автор
- Dave Gandy
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>
Как использовать иконку Hackerrank
React
import { Icon } from "@iconify/react";
<Icon icon="fa6-brands:hackerrank" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa6-brands:hackerrank" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa6-brands:hackerrank" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa6-brands--hackerrank]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa6-brands -->
<div class="i-fa6-brands:hackerrank"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa6-brands:hackerrank"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fa6-brands/hackerrank.svg" alt="Иконка Hackerrank" width="24" height="24">
Иконка Hackerrank в других наборах
Вопросы и ответы: Иконка Hackerrank
Можно ли бесплатно использовать иконку Hackerrank в коммерческих проектах?
Да. Font Awesome 6 Brands icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Hackerrank в React?
Установите @iconify/react и выведите <Icon icon="fa6-brands:hackerrank" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hackerrank на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fa6-brands/hackerrank.svg" alt="Иконка Hackerrank">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Font Awesome 6 Brands →
ICONYZ
