Trailor icon
whh:trailor
The Trailor icon (whh:trailor) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 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
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 768h-86q-28-58-82-93t-120-35t-120 35t-82 93H32q-13 0-22.5-9.5T0 736t9.5-22.5T32 704h96V256q0-106 75-181T384 0h384q106 0 181 75t75 181v448q0 26-18.5 45T960 768M448 256q0-27-19-45.5T384 192h-64q-27 0-45.5 18.5T256 256v64q0 26 18.5 45t45.5 19h64q27 0 45.5-19t18.5-45zm448 0q0-27-18.5-45.5T832 192H576q-26 0-45 18.5T512 256v64q0 26 19 45t45 19h256q27 0 45.5-19t18.5-45zM672 704q66 0 113 47t47 113t-47 113t-113 47t-113-47t-47-113t47-113t113-47m0 192q13 0 22.5-9.5T704 864t-9.5-22.5T672 832t-22.5 9.5T640 864t9.5 22.5T672 896"/></svg>How to use the Trailor icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:trailor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:trailor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:trailor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--trailor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:trailor"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:trailor"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/trailor.svg" alt="Trailor icon" width="24" height="24">Trailor icon FAQ
Is the Trailor 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 Trailor icon in React?
Install @iconify/react and render <Icon icon="whh:trailor" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Trailor icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/trailor.svg" alt="Trailor icon">, or paste the SVG code inline to style it with CSS.