Иконка Ros Wordmark

devicon:ros-wordmark

Иконка Ros Wordmark (devicon:ros-wordmark) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128
Теги: roswordmark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#21304c" d="M8.691 53.254c0 1.8-1.449 3.258-3.238 3.258a3.25 3.25 0 0 1-3.242-3.258A3.25 3.25 0 0 1 5.453 50a3.246 3.246 0 0 1 3.238 3.254m0 11.094c0 1.8-1.449 3.257-3.238 3.257a3.25 3.25 0 0 1-3.242-3.257a3.25 3.25 0 0 1 3.242-3.254a3.246 3.246 0 0 1 3.238 3.254m0 11.093a3.247 3.247 0 0 1-3.238 3.258a3.25 3.25 0 0 1-3.242-3.258a3.25 3.25 0 0 1 3.242-3.253a3.246 3.246 0 0 1 3.238 3.253m11.305-11.093a3.25 3.25 0 0 1-3.242 3.257a3.247 3.247 0 0 1-3.238-3.257a3.25 3.25 0 0 1 3.238-3.254a3.25 3.25 0 0 1 3.242 3.254m0-11.094a3.25 3.25 0 0 1-3.242 3.258a3.247 3.247 0 0 1-3.238-3.258A3.25 3.25 0 0 1 16.754 50a3.25 3.25 0 0 1 3.242 3.254M31.3 64.348a3.25 3.25 0 0 1-3.241 3.257a3.247 3.247 0 0 1-3.239-3.257a3.246 3.246 0 0 1 3.239-3.254a3.25 3.25 0 0 1 3.242 3.254zm0-11.094a3.25 3.25 0 0 1-3.241 3.258a3.247 3.247 0 0 1-3.239-3.258A3.246 3.246 0 0 1 28.06 50a3.25 3.25 0 0 1 3.24 3.254m0 22.187a3.25 3.25 0 0 1-3.24 3.259a3.247 3.247 0 0 1-3.239-3.258a3.246 3.246 0 0 1 3.239-3.253a3.25 3.25 0 0 1 3.24 3.251zm-11.304 0a3.25 3.25 0 0 1-3.242 3.258a3.247 3.247 0 0 1-3.238-3.258a3.25 3.25 0 0 1 3.238-3.253a3.25 3.25 0 0 1 3.242 3.253M56 66.96l5.805 11.665h-4.91l-5.641-11.297H44.84v11.297h-4.184V50.07h12.465c4.95 0 9.133 2.653 9.133 8.528c0 4.566-2.395 7.382-6.254 8.363zm-2.879-12.85H44.84v9.18h8.281c2.84 0 4.828-1.47 4.828-4.571c0-2.977-1.949-4.61-4.828-4.61zm26.383 24.964c-7.344 0-12.016-6.078-12.016-14.726s4.672-14.727 12.016-14.727c7.39 0 12.058 6.078 12.058 14.727c0 8.648-4.667 14.726-12.058 14.726m0-25.168c-4.95 0-7.672 4.04-7.672 10.442c0 6.406 2.723 10.445 7.672 10.445c4.996 0 7.715-4.04 7.715-10.445c0-6.403-2.719-10.442-7.715-10.442m26.711 25.168c-4.14 0-7.711-1.793-10.106-4.61l3.043-2.976c1.91 2.082 4.711 3.387 7.391 3.387c3.977 0 5.883-1.387 5.883-4.164c0-2.2-1.664-3.3-6.414-4.73c-6.008-1.794-8.887-3.305-8.887-8.403c0-4.937 4.14-7.957 9.375-7.957c3.855 0 6.777 1.43 9.297 3.875l-3.004 3.063c-1.785-1.836-3.816-2.735-6.617-2.735c-3.328 0-4.75 1.633-4.75 3.547c0 2 1.3 2.98 6.21 4.45c5.602 1.71 9.094 3.507 9.094 8.605c0 5.14-3.246 8.648-10.515 8.648m15.91-28.597h-.934v2.66h-.48v-2.66h-.938v-.461h2.352zm3.5 2.66h-.469v-1.649c0-.187.004-.46.008-.55c-.035.09-.129.312-.207.492l-.777 1.754l-.77-1.754c-.078-.18-.172-.403-.207-.492c.004.09.008.363.008.55v1.649h-.453v-3.121h.496l.719 1.664c.078.175.18.402.219.535c.047-.133.14-.356.218-.535l.703-1.664h.512zm0 0"/></svg>

Как использовать иконку Ros Wordmark

React

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

<Icon icon="devicon:ros-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon:ros-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon:ros-wordmark" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="devicon:ros-wordmark"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/devicon/ros-wordmark.svg" alt="Иконка Ros Wordmark" width="24" height="24">

Вопросы и ответы: Иконка Ros Wordmark

Можно ли бесплатно использовать иконку Ros Wordmark в коммерческих проектах?

Да. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Ros Wordmark в React?

Установите @iconify/react и выведите <Icon icon="devicon:ros-wordmark" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ros Wordmark на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon/ros-wordmark.svg" alt="Иконка Ros Wordmark">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Devicon →