Relay icon
logos:relay
The Relay icon (logos:relay) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 151 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 × 151
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="151" viewBox="0 0 256 151"><path fill="#f26b00" d="M208.615 119.908H96.683c-10.537 0-19.11-8.572-19.11-19.107c0-10.539 8.572-19.111 19.11-19.111h61.129c17.84 0 32.353-14.513 32.353-32.353s-14.512-32.354-32.353-32.354H47.223C44.17 7.143 34.995 0 24.152 0C10.811 0 0 10.81 0 24.152c0 13.341 10.812 24.152 24.153 24.152c11.239 0 20.687-7.677 23.381-18.076h110.279c10.535 0 19.107 8.573 19.107 19.11s-8.572 19.109-19.107 19.109h-61.13c-17.839 0-32.353 14.513-32.353 32.354c0 17.84 14.513 32.352 32.354 32.352h111.93c2.878 10.121 12.189 17.53 23.234 17.53c13.341 0 24.152-10.81 24.152-24.151c0-13.342-10.81-24.152-24.152-24.152c-11.044 0-20.354 7.408-23.233 17.528"/></svg>How to use the Relay icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:relay" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:relay" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:relay" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--relay]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:relay"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:relay"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/relay.svg" alt="Relay icon" width="24" height="24">Relay icon in other icon sets
Relay icon FAQ
Is the Relay 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 Relay icon in React?
Install @iconify/react and render <Icon icon="logos:relay" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Relay icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/relay.svg" alt="Relay icon">, or paste the SVG code inline to style it with CSS.