Floydhub icon
logos:floydhub
The Floydhub icon (logos:floydhub) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 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
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#3b99ed" d="M208.418 208.418c-21.48 21.48-50.04 33.31-80.418 33.31s-58.937-11.83-80.418-33.31c-21.48-21.48-33.31-50.04-33.31-80.418s11.83-58.937 33.31-80.418c21.481-21.48 50.04-33.31 80.418-33.31s58.938 11.83 80.418 33.31s33.31 50.04 33.31 80.418s-11.83 58.938-33.31 80.418m37.52-130.244c-6.447-15.243-15.675-28.931-27.428-40.684s-25.442-20.981-40.684-27.428C162.041 3.385 145.277 0 128 0S93.96 3.385 78.174 10.062C62.931 16.509 49.243 25.737 37.49 37.49S16.509 62.931 10.062 78.174C3.385 93.96 0 110.723 0 128s3.385 34.041 10.062 49.826c6.447 15.242 15.675 28.931 27.428 40.684s25.441 20.981 40.684 27.428C93.96 252.614 110.723 256 128 256s34.041-3.386 49.826-10.062c15.242-6.447 28.931-15.675 40.684-27.428s20.981-25.442 27.428-40.684C252.615 162.041 256 145.277 256 128s-3.385-34.04-10.062-49.826M187.992 40.49H78.812v167.872a5.352 5.352 0 0 0 10.705 0v-64.759h77.246a5.352 5.352 0 1 0 0-10.703H89.517v-9.812h76.176a5.352 5.352 0 0 0 0-10.704H89.517v-61.19h98.475a5.352 5.352 0 1 0 0-10.704"/></svg>How to use the Floydhub icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:floydhub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:floydhub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:floydhub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--floydhub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:floydhub"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:floydhub"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/floydhub.svg" alt="Floydhub icon" width="24" height="24">Floydhub icon FAQ
Is the Floydhub 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 Floydhub icon in React?
Install @iconify/react and render <Icon icon="logos:floydhub" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Floydhub icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/floydhub.svg" alt="Floydhub icon">, or paste the SVG code inline to style it with CSS.