Ros icon

logos:ros

The Ros icon (logos:ros) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 387 × 103 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: 387 × 103

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="387" height="103" viewBox="0 0 387 103"><path fill="#232e4a" d="M260.563.895c24.906 0 40.64 21.074 40.64 51.054S285.47 103 260.563 103c-24.766 0-40.504-21.07-40.504-51.05c0-29.981 15.738-51.055 40.504-51.055m91.003 0c13 0 22.852 4.953 31.336 13.437l-10.125 10.606c-6.023-6.364-12.863-9.477-22.304-9.477c-11.223 0-16.012 5.656-16.012 12.305l.005.42q.006.207.017.41l.029.404q.026.3.066.59l.06.383q.066.38.159.745l.1.362c.376 1.256 1.015 2.391 1.994 3.457l.289.303l.308.299l.327.296l.347.293q.624.51 1.375 1.006l.44.283q.226.141.463.282l.485.28l.507.28l.53.278l.554.278l.578.278l.602.278l.31.14l.64.278l.664.28l.69.28l.716.282l.743.283l.77.286l.796.287l.824.29l1.29.44l.895.296l.924.3l1.442.457l.998.31l1.125.357l1.107.358l1.09.36l1.071.362l1.054.365l1.036.368q.513.184 1.017.372l.999.377l.98.382l.96.387a66 66 0 0 1 4.51 2.037l.841.43c9.42 4.941 14.863 11.665 14.863 23.685c0 17.82-10.95 29.98-35.442 29.98c-13.96 0-26-6.223-34.074-15.98l10.262-10.325c6.433 7.215 15.875 11.739 24.906 11.739c13.41 0 19.84-4.809 19.84-14.426c0-4.599-2.034-7.812-7.148-10.721l-.56-.311l-.584-.309l-.3-.153l-.62-.306l-.645-.305l-.332-.152l-.681-.304l-.35-.151l-.72-.303l-.37-.151l-.76-.303l-.388-.151l-.798-.303l-.825-.305l-.851-.305l-.879-.306l-.906-.308l-.934-.31l-1.453-.47l-1.004-.316l-1.715-.532l-1.178-.37l-1.152-.37l-1.126-.369l-1.102-.37l-1.076-.37q-.267-.092-.53-.185l-1.038-.372q-.513-.187-1.014-.375l-.99-.379l-.484-.19l-.952-.384a71 71 0 0 1-.927-.389l-.902-.394l-.877-.4c-10.379-4.84-15.415-11.117-15.415-23.843c0-17.114 13.957-27.578 31.61-27.578M10.922 79.12c6.027 0 10.918 5.055 10.918 11.285s-4.89 11.285-10.918 11.285C4.89 101.691 0 96.637 0 90.406s4.89-11.285 10.922-11.285m76.21 0c6.032 0 10.923 5.055 10.923 11.285s-4.89 11.285-10.922 11.285c-6.031 0-10.918-5.054-10.918-11.285s4.887-11.285 10.918-11.285m-38.105 0c6.032 0 10.918 5.055 10.918 11.285s-4.886 11.285-10.918 11.285c-6.03 0-10.922-5.054-10.922-11.285s4.891-11.285 10.922-11.285M171.613 2.45c16.696 0 30.79 9.196 30.79 29.559c0 15.84-8.075 25.597-21.075 28.992l19.567 40.445H184.34l-19.024-39.172h-21.62v39.172h-14.094V2.45zm88.95 13.297c-16.696 0-25.864 14-25.864 36.203s9.168 36.203 25.863 36.203c16.833 0 26-14 26-36.203s-9.167-36.203-26-36.203M10.922 40.664c6.027 0 10.918 5.05 10.918 11.285c0 6.23-4.89 11.285-10.918 11.285C4.89 63.234 0 58.18 0 51.95c0-6.234 4.89-11.285 10.922-11.285m38.105 0c6.032 0 10.918 5.05 10.918 11.285c0 6.23-4.886 11.285-10.918 11.285c-6.03 0-10.922-5.054-10.922-11.285c0-6.234 4.891-11.285 10.922-11.285m38.106 0c6.031 0 10.922 5.05 10.922 11.285c0 6.23-4.89 11.285-10.922 11.285c-6.031 0-10.918-5.054-10.918-11.285c0-6.234 4.887-11.285 10.918-11.285m84.48-24.21h-27.918V48.27h27.918c9.578 0 16.282-5.09 16.282-15.836c0-10.325-6.567-15.98-16.282-15.98M10.922 2.206c6.027 0 10.918 5.05 10.918 11.285c0 6.23-4.89 11.285-10.918 11.285C4.89 24.777 0 19.723 0 13.492C0 7.258 4.89 2.207 10.922 2.207m38.105 0c6.032 0 10.918 5.05 10.918 11.285c0 6.23-4.886 11.285-10.918 11.285c-6.03 0-10.922-5.054-10.922-11.285c0-6.234 4.891-11.285 10.922-11.285m38.106 0c6.031 0 10.922 5.05 10.922 11.285c0 6.23-4.89 11.285-10.922 11.285c-6.031 0-10.918-5.054-10.918-11.285c0-6.234 4.887-11.285 10.918-11.285"/></svg>

How to use the Ros icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Ros icon in other icon sets

Ros icon FAQ

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

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

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

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

Browse all SVG Logos icons →