ICONYZ
English
Hack icon from SVG Logos

Hack icon

logos:hack

The Hack icon (logos:hack) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 381 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 381
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="381" viewBox="0 0 256 381"><path fill="#fff" d="m131.015 126.065l117.088.003l-117.088 115.396z"/><path fill="#868686" d="M.002 256.489h116.672L.002 374.955zM.001 119.581L121.948 0l.061 121.501L.001 243.185zm256 12.152v124.388L131.02 380.188V255.832z"/><path fill="#f7852f" d="m121.909 246.908l-113.513-.003L121.909 133.32z"/></svg>

How to use the Hack icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:hack" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:hack" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:hack" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hack]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hack"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:hack"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/hack.svg" alt="Hack icon" width="24" height="24">

Related icons in SVG Logos

Hack icon in other icon sets

Hack icon FAQ

Is the Hack icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Hack icon in React?

Install @iconify/react and render <Icon icon="logos:hack" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Hack icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/hack.svg" alt="Hack icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →