Director icon
whh:director
The Director icon (whh:director) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 768 × 1024 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
- 768 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 448v64q26 0 45 19t19 45.5t-19 45t-45 18.5h-2q-4 17-14 27L482 799l207 133q16 16 16 38t-16 38t-38.5 16t-37.5-16L384 862l-229 146q-16 16-38 16t-38-16t-16-38t16-38l207-133L80 667q-10-10-14-27h-2q-27 0-45.5-18.5T0 576.5T18.5 531T64 512v-64q-27 0-45.5-18.5T0 384V128q0-26 18.5-45T64 64q0-26 19-45t45.5-19t45 19T192 64h384q0-26 19-45t45.5-19t45 19T704 64q27 0 45.5 19t18.5 45v256q0 27-19 45.5T704 448M384 737l151-97H232zM192 448v64h384v-64z"/></svg>How to use the Director icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:director" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:director" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:director" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--director]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:director"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:director"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/director.svg" alt="Director icon" width="24" height="24">Director icon FAQ
Is the Director 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 Director icon in React?
Install @iconify/react and render <Icon icon="whh:director" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Director icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/director.svg" alt="Director icon">, or paste the SVG code inline to style it with CSS.