Selectionsymbol icon
whh:selectionsymbol
The Selectionsymbol icon (whh:selectionsymbol) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 512 × 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
- 512 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="1024" viewBox="0 0 512 1024"><path fill="currentColor" d="M453 709q-14 15-32 25q27 46 27 98q0 80-56 136t-136 56t-136-56t-56-136q0-22 7-48l121 48q0 26 18.5 45t45 19t45.5-18.5t19-45.5q0-28-16.5-45t-52-38t-59.5-45L64 576q-31-31-47.5-63.5T0 448q0-77 58-134q14-14 32-26q-26-44-26-96q0-80 56-136T256 0t136 56t56 136q0 22-7 48l-121-48q0-27-19-45.5T255.5 128t-45 18.5T192 192q0 28 16.5 45t52.5 38.5t59 44.5l128 128q35 35 49.5 61.5T512 576q0 74-59 133m-89-183L241 403q-20-20-47.5-20t-47 19.5t-19.5 47t20 47.5l123 123q20 20 47.5 20t46.5-19.5t19-47t-19-47.5"/></svg>How to use the Selectionsymbol icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:selectionsymbol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:selectionsymbol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:selectionsymbol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--selectionsymbol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:selectionsymbol"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:selectionsymbol"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/selectionsymbol.svg" alt="Selectionsymbol icon" width="24" height="24">Selectionsymbol icon FAQ
Is the Selectionsymbol 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 Selectionsymbol icon in React?
Install @iconify/react and render <Icon icon="whh:selectionsymbol" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Selectionsymbol icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/selectionsymbol.svg" alt="Selectionsymbol icon">, or paste the SVG code inline to style it with CSS.