Taskfreak icon
whh:taskfreak
The Taskfreak icon (whh:taskfreak) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1022 × 1010 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1022 × 1010
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1022" height="1010" viewBox="0 0 1022 1010"><path fill="currentColor" d="M928 513q0 72-25 141l76 67q-21 49-54 93l-95-34q-47 56-110 93l16 100q-49 24-101 37l-52-87q-38 6-72 6t-72-6l-52 87q-52-13-101-37l16-100q-63-37-110-93l-95 34q-33-44-54-93l77-67q-26-69-26-141L0 478q4-55 18-107l102-2q26-69 72-124l-50-88q39-40 82-69l80 64q63-36 134-49L457 3q28-3 54.5-3T565 3l19 100q72 13 134 49l80-64q43 29 82 69l-50 88q46 55 72 124l102 2q14 51 18 107zM511 385q-53 0-90.5 37.5T383 513t37.5 90.5T511 641t90.5-37.5T639 513t-37.5-90.5T511 385"/></svg>How to use the Taskfreak icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:taskfreak" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:taskfreak" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:taskfreak" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--taskfreak]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:taskfreak"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:taskfreak"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/taskfreak.svg" alt="Taskfreak icon" width="24" height="24">Taskfreak icon FAQ
Is the Taskfreak icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Taskfreak icon in React?
Install @iconify/react and render <Icon icon="whh:taskfreak" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Taskfreak icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/taskfreak.svg" alt="Taskfreak icon">, or paste the SVG code inline to style it with CSS.