Brailled icon
whh:brailled
The Brailled icon (whh:brailled) 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="M640 640q-53 0-90.5-37.5T512 512t37.5-90.5T640 384t90.5 37.5T768 512t-37.5 90.5T640 640m0-384q-53 0-90.5-37.5T512 128t37.5-90.5T640 0t90.5 37.5T768 128t-37.5 90.5T640 256m-512 768q-53 0-90.5-37.5T0 896t37.5-90.5T128 768t90.5 37.5T256 896t-37.5 90.5T128 1024m.5-192Q102 832 83 851t-19 45.5t19 45t45.5 18.5t45-18.5t18.5-45t-18.5-45.5t-45-19m-.5-192q-53 0-90.5-37.5T0 512t37.5-90.5T128 384t90.5 37.5T256 512t-37.5 90.5T128 640m.5-192Q102 448 83 467t-19 45.5t19 45t45.5 18.5t45-18.5T192 512t-18.5-45.5t-45-18.5m-.5-192q-53 0-90.5-37.5T0 128t37.5-90.5T128 0t90.5 37.5T256 128t-37.5 90.5T128 256m512 512q53 0 90.5 37.5T768 896t-37.5 90.5T640 1024t-90.5-37.5T512 896t37.5-90.5T640 768m-.5 192q26.5 0 45.5-19t19-45.5t-19-45t-45.5-18.5t-45 18.5T576 896t18.5 45.5t45 18.5"/></svg>How to use the Brailled icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:brailled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:brailled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:brailled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--brailled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:brailled"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:brailled"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/brailled.svg" alt="Brailled icon" width="24" height="24">Brailled icon FAQ
Is the Brailled 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 Brailled icon in React?
Install @iconify/react and render <Icon icon="whh:brailled" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Brailled icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/brailled.svg" alt="Brailled icon">, or paste the SVG code inline to style it with CSS.