Hermes icon

logos:hermes

The Hermes icon (logos:hermes) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 197 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 × 197
Tags: herme

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="197" viewBox="0 0 256 197"><path fill="#2bb673" fill-opacity=".2" d="m76.156 99.98l2.442-10.665c1.039-4.437 1.969-13.154 2.52-17.206c-5.902-2.406-13.872-1.04-24.215-2.208a41.9 41.9 0 0 1-21.456-9.139v1.476C37.6 81.874 53.068 97.4 72.697 99.628z"/><path fill="#2bb673" fill-opacity=".6" d="M41.162 41.27a42.1 42.1 0 0 1-21.57-8.94v.036C21.753 51.989 37.21 67.503 56.824 69.74l25.347 1.901c1.237-15.455-5.933-26.428-41.01-30.37"/><path fill="#2bb673" d="M240.25 3.959H213.9a15.876 15.876 0 0 0-15.544 12.63l-10.229 49.92a7.23 7.23 0 0 1-7.06 5.771l-39.665.114a7.22 7.22 0 0 1-7.097-8.696C140.742 32.859 118.02 3.896 74.14 3.896H3.897c2.17 19.632 17.64 35.147 37.265 37.374c46.335 5.195 42.724 23.934 37.436 47.006l-20.495 89.481a11.84 11.84 0 0 0 11.544 14.484h24.91a15.87 15.87 0 0 0 15.539-12.608l10.764-51.235a7.226 7.226 0 0 1 7.05-5.715l39.914-.114a7.226 7.226 0 0 1 7.097 8.686l-9.559 46.29a11.845 11.845 0 0 0 11.544 14.488h26.355a15.88 15.88 0 0 0 15.538-12.634l32.995-160.91A11.84 11.84 0 0 0 240.25 3.96"/><path fill="#3d3d3d" d="M74.14 0c22.01 0 40.111 7.057 51.799 19.573C137.075 31.5 141.5 47.543 138.22 63.995l-.101.499l-.02.1l-.02.133c-.11.81.083 1.633.54 2.309l.089.125l.09.114a3.33 3.33 0 0 0 2.448 1.22l.144.003l39.664-.114a3.334 3.334 0 0 0 3.227-2.534l.028-.124l10.232-49.935A19.77 19.77 0 0 1 213.62.064l.28-.002h26.345a15.736 15.736 0 0 1 15.4 19.062l-.045.196l-32.987 160.875a19.78 19.78 0 0 1-18.795 15.727l-.277.006l-.28.002h-26.356a15.74 15.74 0 0 1-15.396-19.005l.037-.172l9.559-46.285a3.33 3.33 0 0 0-.508-2.545l-.087-.122l-.088-.112a3.33 3.33 0 0 0-2.444-1.22l-.142-.004l-39.917.115a3.33 3.33 0 0 0-3.216 2.494l-.03.125l-10.764 51.235a19.77 19.77 0 0 1-19.071 15.704H69.647a15.74 15.74 0 0 1-15.397-19l.055-.25l16.841-73.529c-20.699-2.854-36.933-19.288-39.499-40.065l-.055-.479a46.12 46.12 0 0 1-15.674-28.457C7.234 26.93 1.35 16.332.024 4.324A3.896 3.896 0 0 1 3.771.002L3.897 0zm0 7.793H8.498l.09.39a38.38 38.38 0 0 0 13.253 20.965l.092.067l.09.07a38 38 0 0 0 5.715 3.779l.464.246l.359.185l.324.163q.26.128.52.252l.27.128a38.3 38.3 0 0 0 11.47 3.306l.597.07l.971.113l.955.116l.652.083c31.652 4.05 43.304 14.623 41.736 34.226a3.9 3.9 0 0 1-.833 2.114l-.08.74l-.052.438l-.055.442l-.09.67l-.098.684l-.108.7l-.078.476l-.082.485l-.13.746l-.094.511l-.15.79l-.216 1.1l-.238 1.16l-.193.912l-.163.755l-.078.521l-.094.597l-.14.853l-.091.541l-.092.52l-.138.738l-.092.466l-.137.66l-.092.414l-2.488 10.865a3.9 3.9 0 0 1-.525 1.245l-17.528 76.532a7.943 7.943 0 0 0 7.544 9.715l.202.003h24.912a11.975 11.975 0 0 0 11.682-9.323l.042-.19l10.767-51.25a11.12 11.12 0 0 1 10.658-8.793l.191-.002l39.915-.114a11.123 11.123 0 0 1 10.966 13.151l-.043.22l-9.56 46.288l-.06.284a7.95 7.95 0 0 0 7.587 9.518l.202.003h26.353a11.98 11.98 0 0 0 11.682-9.33l.041-.19l32.995-160.91l.067-.306a7.943 7.943 0 0 0-7.592-9.544l-.202-.002H213.9a11.98 11.98 0 0 0-11.685 9.325l-.042.19l-10.23 49.925a11.13 11.13 0 0 1-10.675 8.88l-.19.001l-39.661.115a11.118 11.118 0 0 1-11.021-12.873l.037-.218l.048-.246l.097-.477c2.796-14.017-.927-27.51-10.335-37.585C110.21 14.148 94.408 7.918 74.738 7.795zM40.797 68.954l.032.104c4.407 14.148 16.727 24.744 31.805 26.638l.26.031l2.073-9.053l.39-1.73l.37-1.675l.034-.225l.134-.924l.09-.645l.154-1.123l.664-5.207l-10.642-.798l-.871-.02l-1.118-.03l-.784-.026l-.987-.038l-.703-.033l-.9-.049l-.655-.042l-.646-.046l-.641-.052l-.43-.038l-.648-.062l-.662-.067l-.682-.075a45.8 45.8 0 0 1-13.32-3.718l-.45-.205q-.63-.285-1.25-.586zM25.472 40.663l.177.485A38.4 38.4 0 0 0 37 57.182c.262.116.52.264.766.448l.146.114l.305.247a38 38 0 0 0 7.577 4.716A38.3 38.3 0 0 0 56.8 65.812l.405.049l9.322.699l2.469.048l1.29.029l.908.025l.86.03l.814.033l.772.038l.492.029l.708.048l.452.035l.437.038l.424.042l.411.045l.4.048l.195.026l.486.069c-.184-2.808-.794-5.198-1.87-7.291c-3.714-7.216-13.807-12.098-33.214-14.494l-1.053-.126l-.797-.091a46 46 0 0 1-13.458-3.644l-.578-.26l-.532-.249l-.483-.232z"/></svg>

How to use the Hermes icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Hermes icon in other icon sets

Hermes icon FAQ

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

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

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

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

Browse all SVG Logos icons →