Darthvader icon
whh:darthvader
The Darthvader icon (whh:darthvader) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1025 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
- 1024 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1025" viewBox="0 0 1024 1025"><path fill="currentColor" d="M872 461q-29-48-82-66q-68-41-150-60V45q117 25 186.5 95T896 320q0 93-6 168q-5-12-18-27M448 324V32q0-13 9.5-22.5T480 0h64q13 0 22.5 9.5T576 32v292q-34-4-63.5-4t-64.5 4M152 460q-13 16-18 28q-6-75-6-168q0-108 70-178t186-96v289q-82 19-150 60q-53 18-82 65m136 181q-40 0-68-28.5t-28-68t28-67.5t68-28t68 28t28 67.5t-28 68t-68 28.5m352-96.5q0-39.5 28-67.5t68-28t68 28t28 67.5t-28 68t-68 28.5t-68-28.5t-28-68M288 705q66 0 113-47t47-113q0-48-25.5-86.5T356 400q78-16 156-16q77 0 156 16q-42 20-67 59t-25 86q0 66 47 113t113 47q65 0 111.5-45.5T896 550l128 411q-17 0-54.5-9t-102-26.5T757 897q-56 63-128 95.5T512 1025t-117-32.5T267 897q-46 11-110 28.5T55 952t-55 9l128-411q2 64 48.5 109.5T288 705m64 192h320q13 0 22.5-9.5T704 865q-3-7-8-14L576 641H448L328 851l-8 14q0 13 9.5 22.5T352 897m192-192l64 128H416l64-128z"/></svg>How to use the Darthvader icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:darthvader" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:darthvader" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:darthvader" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--darthvader]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:darthvader"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:darthvader"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/darthvader.svg" alt="Darthvader icon" width="24" height="24">Darthvader icon FAQ
Is the Darthvader 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 Darthvader icon in React?
Install @iconify/react and render <Icon icon="whh:darthvader" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Darthvader icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/darthvader.svg" alt="Darthvader icon">, or paste the SVG code inline to style it with CSS.