Cilium Hubble icon
selfhst:cilium-hubble
The Cilium Hubble icon (selfhst:cilium-hubble) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- selfh.st/icons
- Author
- selfh.st
- License
- CC-BY-4.0
- Size
- 512 × 512
- Tags
- ciliumhubble
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="m218.7 204.8l37.9-42.9c25.2-17 77.2 27.4 66 50.9l-37.5 48.4c8.4-13.8-34.5-65.3-66.4-56.4m-37.5 43.1l32.9-37.8c25.2-17 84 29.8 68.3 54.6L250 306.6c3.4-9.6-43.6-65.2-68.8-58.7m-62 41.3l49.3-38.9c25.2-17 95.1 44.8 79.4 69.6l-27.7 59.6c4.1-39.5-73.6-98-101-90.3"/><path fill="#8162aa" d="m324.8 366.5l75.7-95.7l55.5 32l-82.2 103.8z"/><path fill="#6389c6" d="m278.5 329.5l69.2-88.8l51.7 31.5l-74.8 94.7z"/><path fill="#98ca3f" d="m109.9 190.9l50.8-62.7l49.2 28.3l-56 70.6z"/><path fill="#cbdd72" d="m74 161.3l45.3-57l40.6 23.4l-50 63.2z"/><path fill="#f8c519" d="M218.2 381.1c8.7-9.9-7-37.9-35.1-62.6s-57.9-36.7-66.6-26.8s7 37.9 35.1 62.6s57.9 36.7 66.6 26.8"/><path fill="#f07525" d="M499.6 174.5c8.5-9.7 1.4-29.9-15.8-45c-17.3-15.1-38.2-19.4-46.7-9.7s-1.4 29.9 15.8 45c17.3 15.1 38.2 19.4 46.7 9.7"/><path fill="#e8282b" d="M56.2 338.9c6.1-7 1-21.5-11.4-32.3s-27.4-14-33.6-7c-6.1 7-1 21.5 11.4 32.3c12.5 10.9 27.5 14 33.6 7"/><path fill="#333" d="M509.6 151.1c-3.5-9.9-10.6-19.9-20.1-28.1c-9.5-8.3-20.3-14-30.6-16.1c-12-2.5-22.1.1-28.4 7.3s-7.5 17.5-3.4 29.1c1.2 3.5 3 7.1 5.1 10.5l-101.8 39.6l-.9-2.1c-4.1-9.1-11.7-18.5-21.4-26.4c-9.6-7.9-20.8-13.3-31.6-15.3c-12.2-2.2-22.4.4-28.1 7.3l-38.7 44.9l-15.7-11.2l29-36.6l-105.9-60.9l-55.3 69.5l93.5 76.8l27.9-35.2l15.3 10.8l-20.7 24.1c-6.2.2-11.6 2-16 5.4l-.1-.1l-39.4 31.3l-68.6 27.2c-1-1-2-2-3.1-2.9c-7.1-6.2-15.3-10.5-23.1-12.1c-9.4-2-17.7.2-22.7 6s-6.1 14.3-2.9 23.3c2.6 7.5 8 15 15.1 21.3c7 6.2 15.2 10.5 23 12.1c4.5.9 8.7.9 12.5 0c4.1-1 7.6-3 10.2-6c5-5.8 6.1-14.3 2.9-23.3c-.4-1.3-1-2.5-1.6-3.8l41.4-16.4c.4 5.4 2.5 12.2 7.2 20.7c7.1 12.7 18.9 26.5 33.2 39.1s29.6 22.5 43 27.9c11.7 4.7 20.1 5.3 26 3.9c4.6-1.1 7.7-3.4 9.8-5.7c1.2-1.4 2.4-3.2 3.2-5.3l28.1-58.2c1.9-3.5 3.3-8.2 3-14.1l26.6-34.3l15.4 10.9l-34.8 44l109 89.2L469 300.5l-123.6-70.8l-33.7 42.6l-15.5-11l33.3-43l-.1-.1c1.4-2 2.4-4.3 3-6.8L443.7 168c1.2 1.1 2.4 2.3 3.6 3.4c9.5 8.3 20.3 14 30.6 16.1c5.8 1.2 11.2 1.2 15.9.1c5-1.2 9.2-3.7 12.5-7.4c6.2-7.2 7.4-17.5 3.3-29.1M49.7 333.2c-.5.6-2.5 1.2-6.1.4c-4.8-1-10.4-4-15.2-8.2s-8.5-9.3-10.2-13.9c-1.2-3.4-.9-5.5-.4-6.1q.3-.3 1.2-.6c1-.2 2.7-.3 4.9.2c4.8 1 10.4 4 15.2 8.2s8.5 9.3 10.2 13.9c1.2 3.4.9 5.5.4 6.1m393.2-27.9l-70.4 89l-35.6-29.1l65.7-83zM349.8 252l37.5 21.4l-63.9 80.7l-33-27zM86.1 160l35.4-44.4l25.4 14.6l-38.2 48.3zm66.5 54.7L122 189.6l40-50.6l34.7 20zm59 160.7c-.7.5-5.7 1.7-17.2-3.1s-24.6-13.5-37.1-24.4c-12.5-11-22.8-22.9-29-33.7c-6.3-10.8-5.8-16-5.3-16.6c.1-.1.4-.2.8-.3c1.9-.4 6.9-.5 16.4 3.4c2.9 1.2 6 2.7 9.1 4.4c-1.7 6.9 5.4 19.4 17.6 30.1c12.5 11 26.1 16.3 32.6 13.4c2.6 3.5 4.9 6.9 6.8 10.2c6.3 10.8 5.8 15.9 5.3 16.6m-25.7-65.9c-13.4-11.4-27.5-20.3-40.1-25.3c-1.5-.6-2.9-1.1-4.2-1.6l30.4-24.2l.1.1c2.8-2.4 8.4-2.6 15.2-.6c8.5 2.5 18.3 8.3 27.8 16.2zm31-55.9c-6.7-4.7-13.3-8.2-19.6-10.6l23-26.7c1.6-1.3 5.8-2.1 11.9-1c4.1.7 8.4 2.2 12.6 4.3zm19-55.4l26.2-30.4c1-1.1 4.8-2.4 11.4-1.2c4.3.8 8.9 2.5 13.4 4.8L257 206.3c-6.9-4-14.1-6.7-21.1-8.1m257.2-29.4c-4 4.5-19.3 2.7-34.4-10.5s-19-28.2-15-32.7c.8-.9 1.9-1.5 3.5-1.9c6.4-1.5 18.8 1.7 31 12.4c15 13.2 18.9 28.1 14.9 32.7"/></svg>How to use the Cilium Hubble icon
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:cilium-hubble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:cilium-hubble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:cilium-hubble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cilium-hubble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cilium-hubble"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:cilium-hubble"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/selfhst/cilium-hubble.svg" alt="Cilium Hubble icon" width="24" height="24">Related icons in selfh.st/icons
Cilium Hubble icon FAQ
Is the Cilium Hubble icon free for commercial use?
Yes. selfh.st/icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Cilium Hubble icon in React?
Install @iconify/react and render <Icon icon="selfhst:cilium-hubble" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cilium Hubble icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/cilium-hubble.svg" alt="Cilium Hubble icon">, or paste the SVG code inline to style it with CSS.