Nomad icon
logos:nomad
The Nomad icon (logos:nomad) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 136 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 × 136
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="136" viewBox="0 0 512 136"><path d="M187.424 46.815v61.627h-14.993V27.186h20.475L223.7 88.873V27.186h14.994v81.256H218.22l-30.794-61.627zm87.818 62.796c-20.354 0-25.836-11.225-25.836-23.418V71.2c0-12.092 5.482-23.398 25.836-23.398s25.856 11.205 25.856 23.398v15.074c0 12.091-5.482 23.337-25.856 23.337m0-49.133c-7.92 0-10.963 3.527-10.963 10.238v15.96c0 6.712 3.043 10.259 10.963 10.259s10.923-3.547 10.923-10.258V70.716c0-6.61-2.983-10.238-10.923-10.238m71.082 47.964V66.927c0-3.164-1.35-4.756-4.756-4.756c-3.405 0-10.076 2.197-15.477 4.998v41.273h-14.873v-59.43h11.326l1.471 4.997a59.6 59.6 0 0 1 23.78-6.207c5.724 0 9.25 2.318 11.206 6.328a58.4 58.4 0 0 1 23.9-6.328c9.876 0 13.402 6.933 13.402 17.553v43.087h-14.872V66.927c0-3.164-1.33-4.756-4.757-4.756a39.4 39.4 0 0 0-15.477 4.998v41.273zm106.19 0H440.32l-1.109-4.03a32.54 32.54 0 0 1-17.674 5.239c-10.842 0-15.477-7.436-15.477-17.674c0-12.092 5.24-16.707 17.311-16.707h14.268v-6.267c0-6.57-1.833-8.887-11.345-8.887a83.7 83.7 0 0 0-16.465 1.813l-1.814-11.326a77 77 0 0 1 20.354-2.8c18.642 0 24.184 6.569 24.184 21.442zm-14.874-22.43h-10.983c-4.877 0-6.207 1.35-6.207 5.864c0 4.03 1.33 6.046 6.046 6.046a23.56 23.56 0 0 0 11.225-3.043zm23.998-17.25c0-13.16 5.845-20.96 19.63-20.96a83 83 0 0 1 15.86 1.693V24.748L512 22.732v85.71h-11.83l-1.47-4.998a31.15 31.15 0 0 1-18.763 6.227c-11.95 0-18.299-7.074-18.299-20.616zm35.49-6.671a66.6 66.6 0 0 0-13.18-1.572c-5.361 0-7.437 2.559-7.437 7.92v20.938c0 4.877 1.834 7.558 7.315 7.558a21 21 0 0 0 13.301-5.381z"/><path fill="#00ca8e" d="M58.725 0L0 33.877v67.773l58.685 33.877l58.725-33.877V33.877zm26.199 74.565l-15.639 9.028l-18.903-10.338V94.86l-17.755 11.265V60.982l14.107-8.625l19.548 10.298V40.608l18.642-11.205z"/></svg>How to use the Nomad icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nomad" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nomad" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nomad" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nomad]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nomad"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nomad"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/nomad.svg" alt="Nomad icon" width="24" height="24">Related icons in SVG Logos
Nomad icon in other icon sets
Nomad icon FAQ
Is the Nomad 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 Nomad icon in React?
Install @iconify/react and render <Icon icon="logos:nomad" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nomad icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/nomad.svg" alt="Nomad icon">, or paste the SVG code inline to style it with CSS.