Sun Hung Kai icon
thesvg-color:sun-hung-kai
The Sun Hung Kai icon (thesvg-color:sun-hung-kai) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1549 × 1543 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
- 1549 × 1543
- Tags
- sunhung, hungkai, sunhungkai
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1549" height="1543" viewBox="0 0 1549 1543"><defs><clipPath id="SVGLqb8WQBV" clipPathUnits="userSpaceOnUse"><use href="#SVGCfBwQeLe"/></clipPath><path id="SVGCfBwQeLe" d="M7790.69 0v1542.58H0V0z"/></defs><g clip-path="url(#SVGLqb8WQBV)"><path fill="#ec1d24" fill-rule="evenodd" d="M1548.5 0v1542.5H0V0z"/></g><g clip-path="url(#SVGLqb8WQBV)"><path fill="#fefefe" fill-rule="evenodd" d="M868.9 75.3H603.2s-426.9 96.5-426.9 486.2c0 323 311.9 427.5 311.9 427.5s283.3 122 283.3 262.2c0 140.1-109.5 216.4-109.5 216.4h316.4s393.8-114.5 393.8-478.6c0-242.1-209.5-366.7-309.4-419.9c-99.5-53.8-155.7-89.4-155.7-89.4S787 408.8 787 283.8c0-137.6 81.9-208.5 81.9-208.5"/></g><g clip-path="url(#SVGLqb8WQBV)"><path fill="#fefefe" fill-rule="evenodd" d="M313.4 1276.8v123h-115v-336h115v122.1h92.9v-122.1h114.5v336H406.3v-122.5z"/></g><g clip-path="url(#SVGLqb8WQBV)"><path fill="#fefefe" fill-rule="evenodd" d="M1166.8 366.2h-26.7v117.5h-114v-336h114v100.9h19.1l86.9-100.9h113l-113.5 134.6l114 201.4h-126.5z"/></g></svg>How to use the Sun Hung Kai icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sun-hung-kai" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sun-hung-kai" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sun-hung-kai" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sun-hung-kai]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sun-hung-kai"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sun-hung-kai"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/sun-hung-kai.svg" alt="Sun Hung Kai icon" width="24" height="24">Related icons in theSVG Color
Sun Hung Kai icon FAQ
Is the Sun Hung Kai 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 Sun Hung Kai icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:sun-hung-kai" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sun Hung Kai icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/sun-hung-kai.svg" alt="Sun Hung Kai icon">, or paste the SVG code inline to style it with CSS.