Sortbynameascending icon
whh:sortbynameascending
The Sortbynameascending icon (whh:sortbynameascending) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1023 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 × 1023
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1023" viewBox="0 0 1024 1023"><path fill="currentColor" d="M1003 61L741 384h251q13 0 22.5 9t9.5 22.5t-9.5 22.5t-22.5 9H672q-13 0-22.5-8.5T640 415q0-6 4-12t6.5-8t10.5-9L924 64H672q-13 0-22.5-9.5T640 32t9.5-22.5T672 0h320q11 0 21.5 9t10.5 22q0 10-21 30m-785 953q-11 9-26 9t-26-9L11 808q-11-8-11-20t11-20h118V64q0-27 18.5-45.5t45-18.5T238 18.5T257 64v704h117q10 8 10 20t-10 20zm550-439h128q53 0 90.5 37.5T1024 703v288q0 13-9.5 22.5T992 1023t-22.5-9.5T960 991v-80q0-7-4.5-11.5T944 895H720q-6 0-11 4.5t-5 11.5v80q0 13-9 22.5t-22.5 9.5t-23-9.5T640 991V703q0-53 37.5-90.5T768 575m-64 240q0 7 5 11.5t11 4.5h224q7 0 11.5-4.5T960 815V703q0-26-19-45t-45-19H768q-26 0-45 19t-19 45z"/></svg>How to use the Sortbynameascending icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:sortbynameascending" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:sortbynameascending" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:sortbynameascending" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--sortbynameascending]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:sortbynameascending"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:sortbynameascending"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/sortbynameascending.svg" alt="Sortbynameascending icon" width="24" height="24">Sortbynameascending icon FAQ
Is the Sortbynameascending 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 Sortbynameascending icon in React?
Install @iconify/react and render <Icon icon="whh:sortbynameascending" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sortbynameascending icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/sortbynameascending.svg" alt="Sortbynameascending icon">, or paste the SVG code inline to style it with CSS.