Designcontest icon
whh:designcontest
The Designcontest icon (whh:designcontest) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 961 × 1025 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
- 961 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="961" height="1025" viewBox="0 0 961 1025"><path fill="currentColor" d="M913 326L658 580L401 325q-15-15-36.5-15T328 325t-15 36.5t15 36.5l367 363q46 46 46 110t-46 109t-110.5 45T475 980L107 616q-69-69-94-162t0-185.5t94.5-162t163.5-94t187.5 0T622 107l36 36l47-46q21-21 57-29.5t78.5 2T913 110q47 47 47.5 109T913 326m-240-5L545 193q-62-62-130-84t-129-4.5T173 174q-50 50-68 112.5t-3 122T161 513l384 384q32 32 64 0t0-64L238 461q-46-46-46-111t46-112q30-29 71.5-40t79-3.5T449 225l160 160q15 15 32 15t32-15q32-32 0-64"/></svg>How to use the Designcontest icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:designcontest" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:designcontest" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:designcontest" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--designcontest]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:designcontest"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:designcontest"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/designcontest.svg" alt="Designcontest icon" width="24" height="24">Designcontest icon FAQ
Is the Designcontest 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 Designcontest icon in React?
Install @iconify/react and render <Icon icon="whh:designcontest" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Designcontest icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/designcontest.svg" alt="Designcontest icon">, or paste the SVG code inline to style it with CSS.