Hapi icon
logos:hapi
The Hapi icon (logos:hapi) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 351 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 351
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="351" viewBox="0 0 512 351"><path fill="#9b99a6" d="M17.089 260.958c4.2.362 8.162 1.983 11.911 3.816c2.613 1.349 4.385 3.906 5.265 6.658c2.212 6.128.97 13.248-3.047 18.352c-2.502 3.025-5.55 5.866-9.483 6.802c-5.844 1.727-12.284-.39-16.524-4.613c-5.053-5.599-6.897-14.279-3.438-21.165c2.708-5.844 8.892-9.817 15.316-9.85m51.211-57.73c7.766 4.524 15.12 10.062 20.58 17.283c3.66 4.863 6.903 10.072 9.5 15.582c1.838 4.028 3.286 8.34 3.381 12.803c.117 4.29-2.53 8.067-5.549 10.864c-3.443 2.808-6.82 5.766-10.736 7.906c-5.036 2.646-10.958 3.955-16.608 2.897c-6.93-1.159-13.421-4.485-18.675-9.11c1.889-1.208 4-2.89 4-5.353c.385-4.608-4.139-8.613-8.618-8.274c-1.705.753-2.786 2.402-4.012 3.733c-2.819-4.418-5.036-9.605-4.523-14.942c1.426-9.477 4.54-18.87 10.206-26.686c.596-.713.658-1.655.741-2.535c2.87-1.939 4.808-5.148 8.173-6.351c4.112-1.527 8.602-.084 12.14 2.183m203.68-83.095c2.853 2.813 4.853 6.513 5.616 10.446c.942 5.493.646 11.187-1.276 16.446c-1.593 5.22-4.256 10.881-9.449 13.293c-.061-3.025-.746-5.983-1.259-8.953c-2.195-11.7-5.605-23.204-10.59-34.023c-.898-2.067-1.906-4.09-3.243-5.911c7.75-.758 14.474 4.106 20.201 8.702m28.102-21.255c4.128.636 7.733 3.588 9.382 7.4c2.184 5.12.808 11.654-3.722 15.058c-4.112 3.187-10.39 3.076-14.29-.412c1.972-1.838 4.2-4.373 3.543-7.265c-1.967-2.535-5.878-2.173-8.407-.713c-.602-4.084.819-8.502 4.056-11.154c2.496-2.345 6.067-3.348 9.438-2.914m-161.16-35.41c1.754.635 3.487 1.598 4.523 3.22c-2.596.462-5.014 1.52-7.46 2.445c-9.655 3.789-19.143 8.023-28.252 12.982c-4.01 2.2-8.028 4.468-11.488 7.487c-2.479 2.201-5.404 3.917-7.504 6.519c-.719-6.753.64-13.9 4.752-19.416c1.789-2.92 4.697-4.803 7.037-7.22c3.237-2.981 7.248-5.02 11.393-6.43c2.78-.479 5.387-1.755 8.234-1.872c6.313-.217 12.759.173 18.764 2.284M70.611.116c3.516.852 7.226 2.222 9.349 5.337c3.699 5.22 3.097 12.63-.719 17.622l-.29-.29c-.858-.858-1.693-1.772-2.73-2.418c-1.142-.752-2.964-.111-3.276 1.248c-.406 1.995.552 3.9 1.51 5.588c-3.37.69-7.036 1.153-10.29-.256c-4.875-2.006-8.641-6.786-9.059-12.084c.268-4.374 2.658-8.43 5.705-11.483c2.719-2.15 6.257-3.85 9.8-3.264"/><path fill="#f79727" d="M54.194 256.1c0 2.462-2.112 4.145-4 5.354c-2.63 1.615-5.344 3.086-7.917 4.791c-2.68 1.716-5.148 3.76-8.012 5.187c-.88-2.752-2.652-5.31-5.265-6.658c3.254-5.22 8.586-8.618 12.563-13.215c1.226-1.331 2.307-2.98 4.012-3.733c4.48-.34 9.003 3.666 8.619 8.274m240.801-142.44c.657 2.89-1.571 5.426-3.543 7.264c-4.318 3.605-8.859 7.042-13.856 9.655c-.763-3.933-2.763-7.633-5.616-10.446c4.563-2.992 9.928-4.401 14.608-7.187c2.53-1.46 6.44-1.822 8.407.713M76.222 20.367c1.037.646 1.872 1.56 2.73 2.418c1.56 1.911 3.37 3.582 5.053 5.382c6.847 7.527 13.01 15.638 19.505 23.46a761 761 0 0 1 8.848 10.976l-.435.451c-4.145 1.41-8.156 3.449-11.393 6.43c-1.393-1.432-2.34-3.187-3.399-4.859c-5.755-9.187-11.343-18.485-16.54-28c-1.834-3.277-4.252-6.18-6.135-9.422c-.958-1.688-1.916-3.593-1.51-5.588c.312-1.36 2.134-2 3.276-1.248"/><path fill="#787880" d="M156.41 64.253c6.93-1.109 13.967-.813 20.959-.702c20.53 1.398 41.01 9.293 55.863 23.773c2.09 1.437 3.365 3.677 5.21 5.37c5.247 5.633 9.253 12.257 13.337 18.737c1.337 1.821 2.345 3.844 3.242 5.91c4.986 10.82 8.396 22.325 10.591 34.024c.513 2.97 1.198 5.928 1.26 8.953c-.251 5.215.907 10.43.189 15.633c-.351 2.82-.034 5.683-.552 8.48c-.802 5.254-3.109 10.095-5.437 14.814c-1.115 2.351-3.566 3.527-5.616 4.92c-2.09 1.359-4.858 2.601-7.287 1.353c-3.84-2.184-5.689-6.552-6.563-10.685c-.964-3.834-.63-7.8-.686-11.706c-.607-10.908-1.214-21.9-3.632-32.592c-1.621-7.008-4.396-14.073-9.806-19.031c-3.426-2.892-7.348-5.226-11.56-6.764c-6.301-1.872-12.87-2.958-19.455-2.819c-7.95-.178-15.783 1.488-23.433 3.488c-7.738 2.011-15.048 5.31-22.268 8.691c-5.733 2.43-11.154 5.488-16.664 8.368c-3.086 1.666-6.14 3.415-8.92 5.56c-5.03 3.839-10.44 7.32-14.563 12.196c-4.134 4.875-7.805 10.446-9.059 16.814c-1.576 9.37.218 19.01 3.555 27.812c3.816 9.716 9.516 18.658 16.574 26.34c4.88 6.118 11.377 10.597 17.678 15.121c3.449 2.262 5.71 6.262 5.739 10.402c-.324 3.454-2.959 6.161-5.678 8.05c-2.93 1.81-6.356 2.986-9.827 2.88c-8.129-.072-16.324-1.041-24.04-3.671c-3.254-1.092-6.246-2.78-9.349-4.212c3.02-2.797 5.666-6.574 5.549-10.864c-.095-4.462-1.543-8.775-3.382-12.803c-2.596-5.51-5.838-10.719-9.499-15.582c-5.46-7.22-12.814-12.759-20.58-17.283c-3.538-2.267-8.028-3.71-12.14-2.183c-3.365 1.203-5.304 4.412-8.173 6.35c-.841-2.445-.446-5.08-.785-7.604c-.424-2.947-.19-5.928-.474-8.88c-.451-4.073-.234-8.18-.306-12.269c-.117-7.994.033-16.034 1.264-23.95c1.193-7.349 4.212-14.246 7.633-20.804c3.71-6.941 8.446-13.315 13.794-19.087c2.925-3.365 6.045-6.58 9.522-9.376c3.125-3.37 7.181-5.75 10.106-9.304c2.1-2.602 5.025-4.318 7.504-6.519c3.46-3.02 7.477-5.287 11.488-7.487c9.11-4.959 18.597-9.193 28.252-12.982c2.446-.924 4.864-1.983 7.46-2.445c4.407-.329 8.563-2.045 12.965-2.435"/><path fill="#464646" d="M398.325 225.324c2.28 3.293 2.29 7.471 2.235 11.315c4.991-6.083 11.142-11.632 18.786-14.028c9.894-3.059 21.076-1.772 30.001 3.499c6.123 3.504 10.998 8.958 14.263 15.17c4.752 8.753 6.234 18.91 6.011 28.76c-.256 10.685-3.025 21.571-9.27 30.368c-5.967 8.418-15.622 14.101-25.907 15.098c-7.839.736-16.235-.323-22.831-4.914c-4.25-2.73-7.638-6.507-11.026-10.195c-.06 11.61.017 23.221-.039 34.832c-.089 4.223-.596 8.897-3.593 12.145c-2.362 2.563-6.095 3.164-9.41 2.808c-2.63-.217-5.476-1.265-6.814-3.688c-1.782-3.26-2.139-7.07-2.234-10.72c-.01-33.99 0-67.975-.01-101.965c.016-3.727.751-7.866 3.654-10.48c4.602-4.039 12.77-3.208 16.184 1.995m-208.114-37.043c3.387 2.74 4.328 7.348 4.367 11.499c.05 11.683.028 23.366.012 35.049c4.022-4.446 8.546-8.675 14.156-11.004c7.014-2.919 14.926-3.526 22.358-2.094c7.772 1.493 14.903 6.323 18.78 13.276c3.856 6.09 4.318 13.516 4.463 20.53c.028 14.859-.006 29.717.017 44.576c.055 3.61-.2 7.432-2.14 10.585c-3.766 6.357-14.385 6.88-18.686.875c-2.028-3.014-2.418-6.77-2.44-10.307c-.011-13.014 0-26.029-.005-39.043c-.062-6.145-.53-12.653-3.75-18.051c-2.847-4.502-8.68-5.61-13.622-5.265c-8.769.451-16.413 7.627-18.04 16.151c-.802 4.195-.974 8.485-1.07 12.747c-.033 11.326.023 22.653-.027 33.985c-.045 3.91-.847 8.184-3.788 11.003c-2.83 2.802-7.154 3.354-10.926 2.674c-2.434-.429-4.735-1.75-6.14-3.805c-1.983-2.852-2.456-6.44-2.495-9.833c.005-32.704.005-65.401.005-98.105c-.016-4.161-.245-8.59 1.755-12.396c3.07-6.15 12.096-7.075 17.216-3.047m317.5 35.723c2.864 2.602 3.878 6.613 3.828 10.368c0 22.463.011 44.932-.005 67.396c-.023 3.782-.825 7.877-3.6 10.646c-3.063 3.237-8.094 4.084-12.223 2.641c-3.214-1.13-5.627-3.972-6.624-7.181c-1.198-3.583-.824-7.399-.875-11.104c.023-21.165-.06-42.325.04-63.485c.01-5.13 2.941-10.663 8.24-11.9c3.855-.975 8.3-.217 11.22 2.619M328 220.917c8.14.853 16.931 2.864 22.664 9.16c5.516 6.178 6.753 14.858 7.182 22.83c.195 10.352-.045 20.709-.073 31.06c.022 5.527 1.46 10.903 3.07 16.146c.758 3.036 2.061 6.418.48 9.415c-2.096 3.95-6.636 6.613-11.138 6.14c-2.24-.25-4.217-1.51-5.833-3.014c-3.164-2.98-5.521-6.675-7.839-10.318c-7.571 5.944-16.117 11.243-25.784 12.736c-8.513 1.331-17.755.886-25.327-3.6c-6.423-3.626-11.159-10.145-12.435-17.426c-.991-5.805-.178-12.056 2.892-17.143c2.752-4.585 7.042-8.15 11.911-10.307c5.115-2.362 10.77-3.03 16.213-4.267c10.401-2.095 20.77-4.39 30.965-7.332c-.24-4.92-.875-10.212-3.94-14.252c-2.94-3.365-7.754-3.894-11.95-4.094c-5.833-.084-12.284.217-17.025 4.055c-4.374 3.26-6.519 8.435-9.784 12.642c-1.42 1.777-3.95 1.794-6.028 1.821c-4.267.05-8.596-3.014-9.32-7.337c-.552-3.917.579-7.911 2.512-11.304c3.443-6.257 9.811-10.212 16.313-12.697c10.284-3.772 21.494-3.822 32.274-2.914m7.015 48.025c-9.199 3.114-18.837 4.53-28.23 6.902c-3.605.987-7.181 2.942-9.332 6.073c-2.73 4.596-1.538 10.981 2.49 14.452c3.733 3.538 9.243 4.156 14.14 3.504c7.182-.908 14.558-4.568 18.101-11.137c2.964-6.134 2.73-13.148 2.83-19.794m85.156-30.225c-6.312 1.232-11.688 5.722-14.697 11.316c-3.554 6.802-4.1 14.725-3.665 22.257c.462 7.51 3.058 15.288 8.891 20.34c5.143 4.747 12.859 6.452 19.533 4.346c4.775-1.515 8.78-5.003 11.27-9.315c4.452-7.449 5.188-16.474 4.458-24.943c-.697-7.443-3.415-15.17-9.326-20.062c-4.49-3.8-10.742-5.164-16.464-3.939m87.096-49.394c4.83 3.287 5.41 10.518 2.68 15.326c-3.861 6.273-13.633 6.92-18.725 1.827c-2.786-2.68-3.46-6.891-2.775-10.557c.803-4.24 4.474-7.544 8.569-8.569c3.488-.835 7.349-.172 10.251 1.973"/></svg>How to use the Hapi icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hapi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hapi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hapi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hapi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hapi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hapi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/hapi.svg" alt="Hapi icon" width="24" height="24">Hapi icon in other icon sets
Hapi icon FAQ
Is the Hapi icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Hapi icon in React?
Install @iconify/react and render <Icon icon="logos:hapi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hapi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/hapi.svg" alt="Hapi icon">, or paste the SVG code inline to style it with CSS.