Openrouter icon

logos:openrouter

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="85" viewBox="0 0 512 85"><path fill="#7624f4" d="M93.72 0c13.966 0 25.287 11.322 25.287 25.287S107.686 50.575 93.72 50.575l25.082 25.082c3.186 3.186.93 8.634-3.576 8.634h-72.08C19.868 84.291 1 65.421 1 42.145S19.87 0 43.145 0zM43.145 16.858c-13.965 0-25.287 11.322-25.287 25.287S29.18 67.433 43.145 67.433S68.433 56.11 68.433 42.145S57.111 16.858 43.145 16.858"/><path fill="#03080a" d="M173.709 26.923c10.862 0 19.879 8.378 19.879 19.524c0 11.218-8.803 19.809-19.95 19.809c-10.934 0-20.022-8.449-20.022-19.667c0-11.217 9.088-19.666 20.093-19.666m0 31.665c6.886 0 11.289-5.467 11.289-11.999c0-6.531-4.474-11.998-11.36-11.998c-6.816 0-11.36 5.324-11.36 11.856c0 6.461 4.544 12.141 11.431 12.141m43.904 7.598c-2.91 0-9.3-1.491-12.282-6.106v24.21h-8.45V27.705h8.237v5.893c3.195-5.183 9.371-6.603 12.709-6.603c11.643 0 18.601 10.01 18.601 19.525c0 10.295-7.597 19.666-18.815 19.666m-1.065-7.668c6.816 0 11.36-5.395 11.36-11.927s-4.473-12-11.36-12s-11.36 5.468-11.36 12s4.474 11.928 11.36 11.928m60.425-12.367l.002.367c0 .355 0 1.704-.143 2.627h-28.754c.143 5.822 5.538 9.869 11.076 9.869c4.615 0 8.023-1.704 10.224-5.893l6.106 4.047c-3.266 6.035-9.584 9.159-16.187 9.159c-11.219 0-19.88-8.449-19.88-19.738c0-10.72 8.094-19.666 19.098-19.666c11.66 0 18.316 7.99 18.458 19.228m-28.469-3.396h19.88c-.284-5.395-4.615-8.59-9.869-8.59c-5.182 0-9.23 3.408-10.01 8.59m52.557-15.832c9.656 0 14.2 6.744 14.2 15.335v23.359h-8.45v-21.23c0-5.395-2.555-9.442-8.377-9.442c-5.325 0-8.733 3.834-8.733 9.584v21.087h-8.449V27.704h8.236v5.112c3.621-4.9 8.591-5.893 11.572-5.893m37.935 9.088c-6.461 0-9.869 3.834-9.869 10.366v19.24h-8.449V27.706h8.236v6.034c2.343-4.26 6.319-6.39 10.437-6.39c.497 0 1.562.072 2.058.213v8.662c-.709-.142-1.988-.213-2.413-.213m23.5-9.088c10.863 0 19.88 8.378 19.88 19.524c0 11.218-8.804 19.809-19.95 19.809c-10.935 0-20.022-8.449-20.022-19.667c0-11.217 9.087-19.666 20.092-19.666m0 31.665c6.887 0 11.289-5.467 11.289-11.999c0-6.531-4.473-11.998-11.36-11.998c-6.816 0-11.36 5.324-11.36 11.856c0 6.461 4.544 12.141 11.431 12.141m38.075 7.811c-9.514 0-14.2-6.745-14.2-15.407V27.706h8.449v21.229c0 5.396 2.555 9.442 8.377 9.442c5.325 0 8.733-3.834 8.733-9.585V27.705h8.449v37.913h-8.236v-5.111c-3.621 4.898-8.591 5.892-11.572 5.892m39.831-14.343c0 4.687 2.344 6.319 6.533 6.319c.78 0 1.632-.07 2.697-.283v7.17c-1.49.568-3.478.781-4.543.781c-8.166 0-13.135-4.26-13.135-12.638V35.302h-6.958v-7.597h6.958V15.99h8.448v11.715h9.302v7.597h-9.302zm48.15-5.905l.002.367c0 .355 0 1.704-.141 2.627h-28.755c.142 5.822 5.538 9.869 11.076 9.869c4.615 0 8.023-1.704 10.224-5.893l6.105 4.047c-3.265 6.035-9.584 9.159-16.187 9.159c-11.218 0-19.88-8.449-19.88-19.738c0-10.72 8.094-19.666 19.099-19.666c11.659 0 18.315 7.99 18.457 19.228m-28.468-3.396h19.88c-.284-5.395-4.615-8.59-9.869-8.59c-5.183 0-9.23 3.408-10.011 8.59m50.501-6.744c-6.46 0-9.868 3.834-9.868 10.366v19.24h-8.449V27.706h8.236v6.034c2.341-4.26 6.321-6.39 10.436-6.39c.5 0 1.56.072 2.06.213v8.662c-.71-.142-1.99-.213-2.415-.213"/></svg>

How to use the Openrouter icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Openrouter icon in other icon sets

Openrouter icon FAQ

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

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

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

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

Browse all SVG Logos icons →