Fomo icon

logos:fomo

The Fomo icon (logos:fomo) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 138 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 × 138

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="138" viewBox="0 0 512 138"><path fill="#eba06d" d="M455.046 4.216h-.115a59.1 59.1 0 0 0-25.938 5.47a28.7 28.7 0 0 0-16.194-5.47c-16.626 0-32.248 7.875-41.47 27.605V8.643a4.427 4.427 0 0 0-4.427-4.427h-7.531c-16.652 0-31.218 9.465-38.354 27.732V5.603a1.387 1.387 0 0 0-1.387-1.387h-10.57c-16.767 0-32.02 10.406-38.507 28.126V5.832a1.616 1.616 0 0 0-1.667-1.616H258.24c-16.118 0-36.497 8.612-44.524 32.4c-8.536-19.45-25.442-32.387-50.528-32.387h-.114c-39.016 0-57.092 29.615-57.092 66.544c0 42.768 18.33 66.556 57.092 66.556c37.832 0 57.092-23.775 57.092-66.556c0-27.3 15.672-40.186 25.569-40.784a.674.674 0 0 1 .725.674v100.624c0 1.18.957 2.137 2.137 2.137h19.82c1.18 0 2.137-.957 2.137-2.137v-27.249c0-60.997 21.091-72.319 25.683-73.782a.66.66 0 0 1 .878.636v100.433c0 1.18.957 2.137 2.137 2.137h19.641a2.137 2.137 0 0 0 2.138-2.137v-27.287c0-61.392 20.353-72.51 25.556-73.858a.66.66 0 0 1 .827.649v100.496c0 1.18.957 2.137 2.137 2.137h19.641a2.137 2.137 0 0 0 2.138-2.137v-27.287c0-61.671 20.213-74.074 29.512-74.074c2.036.028 4.04.497 5.877 1.373c-5.991 11.017-8.904 24.628-8.904 39.436c0 42.768 18.33 66.556 57.092 66.556c37.832 0 57.093-23.775 57.093-66.556c.139-36.942-18.943-66.557-56.953-66.557M163.174 113.401c-22.808 0-31.624-19.082-31.624-42.628c0-23.547 8.612-42.603 31.624-42.629c23.013-.025 31.625 19.082 31.625 42.629s-8.803 42.59-31.625 42.628M104.327.603a2.137 2.137 0 0 1 2.977 0l12.911 12.925c.411.414.636.976.625 1.56a2.15 2.15 0 0 1-.688 1.531c-10.61 9.82-20.163 15.609-36.624 15.609H51.942c-1.18 0-2.137.957-2.137 2.137v26.116c0 1.18.956 2.137 2.137 2.137h36.484a2.137 2.137 0 0 1 2.137 2.138v19.45c0 1.18-.957 2.137-2.137 2.137H51.967c-1.18 0-2.137.957-2.137 2.137v42.87c0 1.18-.957 2.137-2.137 2.137h-19.45a2.137 2.137 0 0 1-2.138-2.137V88.48a2.137 2.137 0 0 0-2.137-2.137H2.138a2.14 2.14 0 0 1-2.137-2.137v-19.45a2.143 2.143 0 0 1 2.112-2.188h21.83c1.18 0 2.137-.957 2.137-2.138V10.691c0-1.18.957-2.137 2.137-2.137h49.968l1.029-.004c14.864-.13 20-3.083 25.113-7.947m350.655 27.541c23.012-.025 31.625 19.082 31.625 42.629s-8.803 42.59-31.625 42.628c-22.809 0-31.624-19.082-31.624-42.628c0-23.547 8.612-42.603 31.624-42.629"/></svg>

How to use the Fomo icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:fomo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:fomo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:fomo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--fomo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:fomo"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:fomo"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/fomo.svg" alt="Fomo icon" width="24" height="24">

Related icons in SVG Logos

Fomo icon FAQ

Is the Fomo 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 Fomo icon in React?

Install @iconify/react and render <Icon icon="logos:fomo" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fomo icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/fomo.svg" alt="Fomo icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →