ICONYZ
English
Openhunts icon from theSVG Color

Openhunts icon

thesvg-color:openhunts

The Openhunts icon (thesvg-color:openhunts) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1024 × 851 grid. theSVG Color icons are released under the MIT 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
theSVG Color
Author
thesvg.org
License
MIT
Size
1024 × 851
Tags
openhunt
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="851" viewBox="0 0 1024 851"><g fill="none"><path fill="#e9eeeb" d="M877.552 1.135L297.437 0l-12.488 10.212l-1.135 14.75H224.78l-6.811 3.405l-6.812 11.346v10.212l-14.758-1.134l-7.947 4.538l-4.541 22.694h-15.893l-7.947 4.538l-3.406 6.808v15.886h-14.758l-9.082 5.673l-3.406 6.808v15.885l-15.894-1.134l-7.946 4.538l-3.406 6.808l1.135 15.886l-17.029 1.134L76.062 170.2v38.579l-12.488 2.269l-10.217 9.077l-1.135 40.848l-13.623 1.135L28.38 272.32l-2.27 43.117l-18.164 3.404L0 331.323l1.135 270.05l11.353 10.212l14.758 1.135l1.135 40.848l7.947 7.943l12.488 1.134l1.135 11.347l6.812 10.212l9.082 4.539h12.488l1.135 17.02l10.217 9.077l12.488 1.135l1.135 13.616l6.812 9.077l12.488 4.539h34.057l1.135 65.81l6.812 6.808l19.299 2.27v14.75l9.082 14.751l6.812 3.404h10.217l7.947-5.673h616.443l6.812 4.538l13.623-1.134l13.623-18.155l1.135-32.905l-3.405-27.232l91.955-1.135l10.217-11.347l1.136-14.75l11.352-1.135l9.082-7.943l5.677-10.212v-7.942l18.161-2.27l6.81-6.808l2.27-65.81l-2.27-63.542l3.41-7.942v-10.212l-4.54-7.943l-6.81-3.404h-19.302l2.271-15.885l-2.271-113.467l3.406-18.155l-7.947-10.212l-19.299-1.134V196.297l-7.947-10.212l-19.299-1.134V65.811l-2.271-9.078l-6.811-6.808l-17.029-1.134l-1.135-15.886l-4.542-7.942l-18.164-3.404l-4.541-13.616z"/><path fill="#0c1019" d="m977.455 566.199l-1.136 1.134v128.218l-1.135 1.134h-26.111v26.098h27.246V697.82h26.111l1.14-1.135V566.199zM384.851 94.177v239.415l22.706 1.135V493.58h490.43l1.135-1.135V355.151h-26.111V152.045h-24.976V95.312l-1.135-1.135z"/><path fill="#becfcb" d="m412.098 331.323l22.705 2.269h1.135l1.135 128.217H868.47v-49.925l-22.705-1.135l-1.135-205.374l-21.57-1.135l-1.135-1.135v-79.426H412.098z"/><path fill="#0c1019" d="m712.94 351.747l-1.135 1.134v30.636h27.246v-31.77zm-148.718 0v31.77l26.111 1.135v27.232l1.135 1.135h120.337v-29.502H591.468v-31.77zm79.468-111.198v94.178h28.381l1.135-1.135v-93.043zm59.033-55.598v95.312h30.652v-95.312zm-171.424 0v1.134l1.136 94.178h29.516v-95.312z"/><path fill="#0c1019" d="M303.113 43.117V18.155h569.898v24.962l26.111 1.135v24.963h26.111V182.68l1.135 19.29l21.57 1.134h2.27l1.136 205.375h24.975v157.719h-27.246l-1.135-157.719h-22.705l-1.135-1.135v-204.24h-26.111V70.349h-27.246V46.521l-540.382 2.27v20.424l-22.705 1.134l-2.27-1.134l-1.136 1.134v81.696l26.111 1.135v256.435l1.135 1.134h27.247V697.82h-27.247v24.963h617.579v27.232h-99.902l-1.136 77.157v1.135H203.211v-1.135l-1.136-27.232h-26.11l-1.136-77.157h-51.086l-1.135-24.963H98.767l-1.135-27.232H71.52l-1.135-24.963h-26.11v-52.194h-26.11l-1.136-1.135V334.727h27.245v-53.33l1.136-1.134h24.976l1.135-38.579v-14.751h26.11v-49.925l1.136-1.135l23.841-2.269V153.18l1.135-1.135h24.975v-31.77h26.111V95.312l1.136-1.135h23.84l2.27-1.134V70.349l26.111-1.134l1.135-1.135V44.252h2.271z"/><path fill="#e9eeeb" d="M331.494 751.149v1.135l1.136 48.791h487.024l2.271-1.135v-48.791z"/><path fill="#0c1019" d="M412 589h25v67h-25zm85 0h25v67h-25zm-60-23h60v23h-60zm0 90h60v23h-60zm405-67h25v67h-25zm85 0h25v67h-25zm-60-23h60v23h-60zm0 90h60v23h-60z"/></g></svg>

How to use the Openhunts icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:openhunts" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:openhunts" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:openhunts" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--openhunts]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:openhunts"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:openhunts"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/openhunts.svg" alt="Openhunts icon" width="24" height="24">

Openhunts icon FAQ

Is the Openhunts icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Openhunts icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:openhunts" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Openhunts icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/openhunts.svg" alt="Openhunts icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →