Concretefive icon
whh:concretefive
The Concretefive icon (whh:concretefive) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 895 × 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
- 895 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="895" height="1024" viewBox="0 0 895 1024"><path fill="currentColor" d="M415 1024q-95 0-176-34t-128.5-93T63 768t47.5-128.5t128.5-93T415 512q33 0 73 5t83 15t71.5 30t28.5 46q0 40-24.5 68T575 704q-19 0-44-16t-55-32t-61-16q-71 0-115.5 30T255 768q0 17 9.5 37.5t27 41.5t50 35t73.5 14q59 0 159-54t161-138q3-4 12.5-17t12-16.5t11.5-12t16-11t18.5-5T831 640q64 0 64 96q0 22-23 57.5t-67.5 75t-101 74.5t-133.5 58t-155 23m288-576q-7 20-22.5 24t-28.5-4.5t-13-19.5V128q0-26 27.5-47.5t53-14.5t39 29t6.5 46q-2 6-10.5 64t-22 129T703 448m-224 0q-21 0-36-51.5t-20-131t-6.5-122.5t-1.5-79q0-26 19-45t45.5-19t45 19T543 64q0 1 .5 22t.5 41t-.5 52t-2 60t-4.5 60t-8 57.5t-11.5 47t-16 33T479 448m-224 0q-15-41-29-112t-22.5-130t-9.5-65q-7-24 6.5-46t39-29T292 80.5t27 47.5v320q0 13-12 22t-27.5 4.5T255 448m-96 64q-17 0-37-19t-38-50t-32.5-58.5T24 327T8 293q-12-24-5.5-51t28-40.5T76 195t37 31q17 32 42.5 159t3.5 127"/></svg>How to use the Concretefive icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:concretefive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:concretefive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:concretefive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--concretefive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:concretefive"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:concretefive"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/concretefive.svg" alt="Concretefive icon" width="24" height="24">Concretefive icon FAQ
Is the Concretefive 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 Concretefive icon in React?
Install @iconify/react and render <Icon icon="whh:concretefive" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Concretefive icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/concretefive.svg" alt="Concretefive icon">, or paste the SVG code inline to style it with CSS.