Ikea Hogvind icon
cbi:ikea-hogvind
The Ikea Hogvind icon (cbi:ikea-hogvind) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- ikeahogvind
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.075 7.7c0-2.728-1.33-3.518-2.692-4.092l-.205-.089a.99.99 0 0 0-.824-.124a16.6 16.6 0 0 1-4.348.63a11.6 11.6 0 0 1-4.28-.585a1.3 1.3 0 0 0-.5-.111a1.5 1.5 0 0 0-.432.083l-.02.006a3.6 3.6 0 0 0-2.062 1.727a6.54 6.54 0 0 0-.8 3.052v3.015A3.72 3.72 0 0 0 5.099 13.9a7.75 7.75 0 0 0 2.945 1.734a10.6 10.6 0 0 0 3.362.588l1.153.015A10.3 10.3 0 0 0 17.462 15a4.69 4.69 0 0 0 2.626-4.152Zm-2.766 7.034a9.96 9.96 0 0 1-4.744 1.192l-1.153-.016a9.32 9.32 0 0 1-6.09-2.232a3.42 3.42 0 0 1-1.1-2.464v-3.01c.077-2.274 1.111-4.036 2.642-4.49l.02-.006a.88.88 0 0 1 .728.019a11.9 11.9 0 0 0 4.394.607a16.7 16.7 0 0 0 4.441-.645c.201-.063.266-.037.606.113l.211.09c1.319.557 2.5 1.267 2.5 3.809l.015 3.149a4.45 4.45 0 0 1-2.47 3.885Zm-.59-12.021c0-.373-2.081-.713-4.679-.713s-4.786.333-4.786.706a10.86 10.86 0 0 0 4.745.822a12.6 12.6 0 0 0 4.72-.815m-8.968.662a11.6 11.6 0 0 0 4.254.581a17.7 17.7 0 0 0 3.69-.45c.331-.1.652-.2.957-.324V2.86a12.4 12.4 0 0 1-4.757.783a12.8 12.8 0 0 1-4.733-.783v.322q.086.042.173.081a1.6 1.6 0 0 1 .416.112m4.812 12.93l-1.15-.015a10.7 10.7 0 0 1-3.327-.572v4.971c.048.389.6.7 1.349.932a11 11 0 0 0 2.339.379h.468a9.4 9.4 0 0 0 1.917-.248a2.98 2.98 0 0 0 1.605-1.14a.36.36 0 0 0 .081-.23c.015-1.468-.007-3.87-.014-4.6a10.8 10.8 0 0 1-3.266.523M12 15.451a6.7 6.7 0 0 1-3.916-.891c.084.176.327.534.257.768a10.3 10.3 0 0 0 3.071.512l1.151.016a10.4 10.4 0 0 0 3.099-.488a1.17 1.17 0 0 1 .25-.808a6.8 6.8 0 0 1-3.913.891m.008-11.046a14 14 0 0 1-3.6-.345a10 10 0 0 1-.469-.155v10.376a8.46 8.46 0 0 0 4.033.955a8.8 8.8 0 0 0 4.089-.955c0-3.4.089-7.029.089-10.429v-.025l-.266.1a17.8 17.8 0 0 1-3.876.478"/></svg>
How to use the Ikea Hogvind icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ikea-hogvind" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ikea-hogvind" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ikea-hogvind" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ikea-hogvind]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ikea-hogvind"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ikea-hogvind"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/cbi/ikea-hogvind.svg" alt="Ikea Hogvind icon" width="24" height="24">
Related icons in Custom Brand Icons
Ikea Hogvind icon FAQ
Is the Ikea Hogvind icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Ikea Hogvind icon in React?
Install @iconify/react and render <Icon icon="cbi:ikea-hogvind" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ikea Hogvind icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/ikea-hogvind.svg" alt="Ikea Hogvind icon">, or paste the SVG code inline to style it with CSS.
Browse all Custom Brand Icons →
