Ha Blue icon
cbi:ha-blue
The Ha Blue icon (cbi:ha-blue) 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
- hablue
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m15.939 17.255l.058.147l.024-.284l-.145.02Zm-.692.357l.294-.016l.049-.439l-.298.023Zm1.498-.417l.069.148l.03-.284l-.141.018Zm-.698.353l.294-.016l.05-.44l-.299.023Zm-.92-.229l.069.148l.024-.282l-.146.018Zm-2.206.495l.294-.016l.049-.44l-.298.024Zm-.119-.294l.07.147l.023-.283l-.144.018Zm4.062-.031l.294-.017l.049-.439l-.298.024Zm-2.401.183l.295-.017l.049-.439l-.297.025Zm-.12-.293l.07.148l.025-.283l-.145.018Zm-.798.083l.07.145l.023-.283l-.145.018Zm-1.389.415l.294-.015l.049-.44l-.298.023Zm1.508-.123l.294-.016l.049-.44l-.298.023Zm1.649-2.182a.08.08 0 0 0-.066-.033l-.138.011l-.063.221a.1.1 0 0 1-.067.053l-1.316.126h-.026c-.007 0-.012-.019 0-.04l.068-.236l.008-.005l-.227.018a.12.12 0 0 0-.107.087l-.111.535a.13.13 0 0 0 .006.094a.05.05 0 0 0 .036.008l1.83-.153c.03 0 .086-.057.1-.11l.1-.492a.09.09 0 0 0-.028-.083Zm-2.55-1.151a.1.1 0 0 0-.076-.035h-.008l-.2.013l-.056.191a.1.1 0 0 1-.068.051l-1.315.124a.04.04 0 0 1-.027 0c-.009 0-.014-.02-.007-.04l.068-.229l-.194.013a.1.1 0 0 0-.09.083l-.077.5a.1.1 0 0 0 .024.082a.1.1 0 0 0 .081.032l1.753-.117a.1.1 0 0 0 .091-.076l.115-.5a.1.1 0 0 0-.016-.091Zm2.761-.202a.08.08 0 0 0-.064-.028l-.217.017c0 .007.01.012.007.021l-.06.216a.1.1 0 0 1-.068.052l-1.315.126a.05.05 0 0 1-.028 0c-.01 0-.015-.019-.01-.039l.071-.236c0-.014.03-.02.053-.029l-.2.016a.12.12 0 0 0-.109.088l-.111.533a.12.12 0 0 0 .006.094c.007.01.025.01.038.01l1.831-.154c.03 0 .084-.058.1-.113l.1-.491a.09.09 0 0 0-.018-.08Zm1.988 2.906l.069.141l.024-.282l-.146.017Zm.713-1.78a.07.07 0 0 0-.058-.027l-.2.012l-.07.215a.1.1 0 0 1-.072.052l-1.389.1a.05.05 0 0 1-.03 0c-.007 0-.012-.019 0-.04l.073-.224l-.155.011a.07.07 0 0 0-.064.053l-.1.374a.07.07 0 0 0 .012.063l.14.183a.07.07 0 0 0 .06.027l.7-.053l.627-.031a.06.06 0 0 0 .037-.015l.377-.267a.1.1 0 0 0 .026-.036l.109-.328a.07.07 0 0 0-.026-.066Zm2.265-.702a.18.18 0 0 1-.141-.057a.18.18 0 0 1-.04-.148l.02-.1v-.01h-.007l-.711.053l-.01.007l-.05.171a.18.18 0 0 1-.152.121l-.3.022a.01.01 0 0 0-.01.008l-.171.675a.083.083 0 0 0 .086.1l1.324-.09a.16.16 0 0 0 .146-.124l.154-.619v-.01l-.018-.008Zm1.292-1.082c-.224-.2-2.518-.511-6.667-.284c-4.906.269-7.348 1.02-7.592 1.19a2.79 2.79 0 0 0-1.061 3.153c.02.079.121.108.2.1c1.241-.108 13-1.169 14.562-1.306a.4.4 0 0 0 .31-.187c.407-.646.677-2.289.248-2.666M8.561 16.556a.65.65 0 0 1-.459-.173a.56.56 0 0 1-.171-.452a.815.815 0 0 1 .8-.7a.65.65 0 0 1 .5.193a.56.56 0 0 1 .15.44a.83.83 0 0 1-.82.692m4.19-.615l-.062.478a.34.34 0 0 1-.211.231l-.013.006l-1.829.141h-.01a.273.273 0 0 1-.235-.307v-.005l.087-.537a.26.26 0 0 1 .236-.221l1.758-.12a.27.27 0 0 1 .213.093a.3.3 0 0 1 .074.248Zm.2-1.4v.005l-.117.5a.26.26 0 0 1-.236.2l-1.754.117h-.024a.26.26 0 0 1-.26-.259a.2.2 0 0 1 0-.043l.077-.5a.26.26 0 0 1 .24-.221l1.794-.118a.26.26 0 0 1 .277.241a.3.3 0 0 1-.002.081Zm2.2 1.877l-1.83.156H13.3a.2.2 0 0 1-.152-.066a.26.26 0 0 1-.041-.232l.111-.534a.285.285 0 0 1 .253-.215l1.768-.14a.24.24 0 0 1 .2.086a.25.25 0 0 1 .055.215l-.1.492a.31.31 0 0 1-.246.241Zm.565-2.079h-.01l-.1.492a.31.31 0 0 1-.242.241l-1.83.151h-.02a.2.2 0 0 1-.152-.064a.26.26 0 0 1-.042-.233l.111-.533a.29.29 0 0 1 .253-.217l1.778-.136a.243.243 0 0 1 .261.223a.3.3 0 0 1-.01.079Zm2.663 1.123l-.108.327a.23.23 0 0 1-.081.108l-.374.268a.2.2 0 0 1-.114.039l-.625.032l-.7.053h-.017a.21.21 0 0 1-.168-.082l-.138-.181a.21.21 0 0 1-.038-.189l.1-.374a.22.22 0 0 1 .193-.157l1.846-.13a.217.217 0 0 1 .22.283Zm2.41-.765l-.153.619a.32.32 0 0 1-.292.244l-1.325.091H19a.243.243 0 0 1-.243-.243a.2.2 0 0 1 .007-.059l.17-.674a.17.17 0 0 1 .156-.131l.3-.02a.01.01 0 0 0 .01-.009l.052-.166a.17.17 0 0 1 .15-.122l.711-.055a.175.175 0 0 1 .184.209l-.022.1v.017h.01l.126-.008a.17.17 0 0 1 .143.062a.17.17 0 0 1 .041.151Zm-3.158 2.719l.293-.02l.05-.441l-.298.023Zm.616-.353l.07.146l.024-.283l-.146.018Zm.12.293l.293-.02l.04-.442l-.298.02ZM8.75 15.491h-.014a.55.55 0 0 0-.538.452a.29.29 0 0 0 .087.238a.41.41 0 0 0 .341.094a.55.55 0 0 0 .485-.449a.28.28 0 0 0-.078-.228a.38.38 0 0 0-.283-.107m11.52 1.741l.293-.023l.059-.515l-.299.024Zm-.163-.285l.109.202l.036-.429l-.268.033Zm-7.554-1.149a.1.1 0 0 0-.076-.04h-.006l-.169.013c0 .006.01.01.007.02l-.061.236a.1.1 0 0 1-.067.056l-1.316.132a.04.04 0 0 1-.027 0c-.008 0-.012-.02-.006-.044l.068-.256a.09.09 0 0 1 .073-.043l-.257.017a.1.1 0 0 0-.088.083l-.08.536a.115.115 0 0 0 .1.131l1.778-.139a.18.18 0 0 0 .107-.107l.062-.477a.14.14 0 0 0-.04-.118Zm-5.74 2.709l.249-.027l.043-.565l-.275.021Zm2.157-.368l.293-.016l.049-.441l-.296.025Zm-.118-.294l.068.148l.024-.283l-.146.018Zm3.185-.262l.069.149l.024-.284l-.145.019Zm-5.952-.609l-.21-.428L2.4 9.55l.017.5l4.239 8.465l.03-.58a.7.7 0 0 1-.307-.156a1.57 1.57 0 0 1-.294-.805m1.356-2.831h-.006c.569-.371 7.974-1.763 14.074-.984l-5.784-7.236c-1.418-.75-10.662-.446-12.868.229c-.28.088-.508.663-.508.663A5.4 5.4 0 0 0 2 8.498c1.488 2.89 2.584 5.24 4.07 8.134a3.16 3.16 0 0 1 1.371-2.489m.916-4.719l2.476-2.226a.34.34 0 0 1 .309 0l2.574 1l-.149-.2c-.035-.047 0-.085.081-.086l.59-.012a.28.28 0 0 1 .209.078l.577.725l1.153.454c.1.039.156.107.12.151a.12.12 0 0 1-.094.035l-.653.024l1.306 1.645c.046.056.013.105-.071.11l-2.835.161l.329-.422l.545-.028a.63.63 0 0 0 .381.116c.167-.01.238-.1.156-.212a.57.57 0 0 0-.444-.178c-.131.007-.2.066-.191.144l-.627.032l-.3.388l-.3-.437l.366-.446l1.034-.048a.62.62 0 0 0 .372.113c.163-.008.231-.1.15-.2a.57.57 0 0 0-.431-.171c-.127 0-.2.061-.183.135l-.83.036l.325-.392l-.223-.3l.221-.265a.6.6 0 0 0 .136.013c.158-.005.226-.087.153-.181a.56.56 0 0 0-.412-.157c-.157.005-.228.085-.157.179a.3.3 0 0 0 .085.075l-.154.177l-.392-.532c.1-.028.129-.092.074-.166a.55.55 0 0 0-.4-.157c-.157 0-.231.08-.164.173a.5.5 0 0 0 .31.154l.387.528l-.4-.16a.1.1 0 0 0-.026-.075a.54.54 0 0 0-.415-.163c-.162 0-.238.086-.171.182a.54.54 0 0 0 .42.164a.3.3 0 0 0 .114-.022l.6.241l.184.25l-.295.355l-.174-.245c.1-.03.13-.1.074-.181a.55.55 0 0 0-.425-.168c-.164.006-.241.091-.171.191a.5.5 0 0 0 .322.166l.263.371l-.285.346l-1.244-1.788l.239-.243a.5.5 0 0 0 .137.013c.159 0 .235-.081.169-.173a.53.53 0 0 0-.4-.157c-.158 0-.235.08-.172.17a.3.3 0 0 0 .08.071l-.223.219l-.5-.2a.1.1 0 0 0-.02-.073a.51.51 0 0 0-.4-.161c-.161 0-.244.082-.184.175a.52.52 0 0 0 .409.16a.4.4 0 0 0 .116-.02l.563.224l.849 1.254l-1.032-.416l-.239-.352c.1-.031.142-.1.09-.176a.53.53 0 0 0-.416-.166c-.166 0-.252.088-.19.186a.47.47 0 0 0 .315.164l.147.227l-.791-.318l-.203-.328c.1-.028.147-.094.1-.17a.52.52 0 0 0-.412-.164c-.165 0-.255.085-.2.181a.45.45 0 0 0 .3.16l.236.379l.876.354l-.364.013a.6.6 0 0 0-.37-.111c-.173 0-.263.093-.2.2a.53.53 0 0 0 .432.174c.138-.005.221-.063.218-.137l.574-.022l1.24.5l.671.981l-.693-.284l-.251-.379c.1-.034.142-.109.086-.193a.55.55 0 0 0-.439-.178c-.171.008-.256.1-.186.206a.5.5 0 0 0 .332.175l.158.247l-.991-.4a.12.12 0 0 0-.02-.085a.53.53 0 0 0-.442-.179c-.173.007-.264.1-.2.207a.53.53 0 0 0 .441.183a.4.4 0 0 0 .128-.027l.994.408l-.379.02a.6.6 0 0 0-.386-.117c-.178.008-.269.106-.2.218a.54.54 0 0 0 .454.18c.14-.007.226-.07.218-.151l.592-.03l.844.351l-3.037.171a.27.27 0 0 1-.238-.1l-1-1.782l-.754.024a.31.31 0 0 1-.264-.111a.07.07 0 0 1 .014-.08Zm6.829 1.316c.03.044 0 .082-.064.085a.23.23 0 0 1-.181-.072c-.031-.043 0-.081.065-.085a.23.23 0 0 1 .18.072m-.121-.7a.22.22 0 0 1 .174.07c.032.04 0 .076-.061.08a.22.22 0 0 1-.174-.07c-.032-.045-.004-.081.061-.083Zm-.813-1.116a.22.22 0 0 1 .167.065c.029.038 0 .071-.061.073a.22.22 0 0 1-.168-.066c-.029-.044 0-.075.062-.075Zm-.852-.291a.22.22 0 0 1-.165-.065c-.028-.037 0-.068.064-.07a.23.23 0 0 1 .165.064c.026.036-.001.07-.064.071m-.314.465a.22.22 0 0 1-.167-.067c-.028-.04 0-.071.067-.073a.22.22 0 0 1 .168.065c.027.041-.006.075-.069.075Zm.345.589h-.006a.22.22 0 0 1-.173-.069c-.028-.04 0-.075.068-.077a.22.22 0 0 1 .171.068c.029.04-.001.075-.061.078Zm-.924-1.373c.027.038 0 .069-.067.07a.21.21 0 0 1-.163-.064c-.026-.037 0-.068.068-.07a.21.21 0 0 1 .161.064Zm-1.239.033c.025.037-.007.071-.074.071a.21.21 0 0 1-.163-.065c-.025-.039.01-.071.074-.071a.21.21 0 0 1 .162.065Zm.178.7c.026.037-.005.075-.075.075a.22.22 0 0 1-.169-.068c-.025-.04.008-.073.076-.075a.2.2 0 0 1 .167.068Zm-1.046-.41c.025.036-.01.069-.078.071a.21.21 0 0 1-.166-.067c-.024-.038.01-.071.079-.073a.2.2 0 0 1 .165.069m.492.985c.026.04-.009.075-.079.078a.22.22 0 0 1-.173-.07c-.025-.042.01-.077.079-.08a.21.21 0 0 1 .173.072m1.578.752a.22.22 0 0 1-.177-.072c-.028-.043 0-.08.074-.083a.21.21 0 0 1 .176.072c.03.043-.004.081-.073.083m-1.065-.121c.027.04-.007.074-.078.08h-.01a.22.22 0 0 1-.177-.072c-.016-.043.02-.081.09-.084a.22.22 0 0 1 .175.076m.594.676c.03.04-.005.08-.078.081v.011a.22.22 0 0 1-.181-.074c-.028-.047.007-.086.08-.089a.22.22 0 0 1 .18.071Zm-1.573 6.798l.068.146l.023-.284l-.145.018Zm.925.211l.293-.017l.049-.439l-.297.023Zm-1.693-.151l.069.146l.022-.284l-.145.018Zm1.572-.143l.071.148l.024-.283l-.145.018Zm-1.454.435l.294-.016l.049-.44l-.298.022Zm.769-.059l.293-.016l.049-.439l-.297.023Z"/></svg>How to use the Ha Blue icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:ha-blue" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:ha-blue" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:ha-blue" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ha-blue]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ha-blue"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ha-blue"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/ha-blue.svg" alt="Ha Blue icon" width="24" height="24">Related icons in Custom Brand Icons
Ha Blue icon FAQ
Is the Ha Blue 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 Ha Blue icon in React?
Install @iconify/react and render <Icon icon="cbi:ha-blue" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Ha Blue icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/ha-blue.svg" alt="Ha Blue icon">, or paste the SVG code inline to style it with CSS.