Иконка Rubocop

file-icons:rubocop

Иконка Rubocop (file-icons:rubocop) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 433 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 433 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="433" height="512" viewBox="0 0 433 512"><path fill="currentColor" d="M345.457 434.936c0 19.024-15.575 34.004-34.59 34.59c-24.396 0-24.372.028-27.824-3.475l-23.76-30.224c-2.415-3.106-6.137-5.152-10.37-5.182h-65.5c-3.92.025-7.396 1.79-8.623 3.143l-25.493 32.263c-3.02 3.023-3.494 3.476-27.83 3.476c-19.026-.031-34.59-15.567-34.59-34.59V365.72H44.6v69.414C44.6 477.408 79.19 512 121.466 512H310.88c42.275 0 76.865-34.592 76.865-76.866V365.72h-42.287zM76.693 285.8c-31.764-.579-32.19-47.12 0-47.91h278.958c34.737 0 28.722 48.607 0 47.91zm342.977-84.967c0-17.896-14.644-32.54-32.54-32.54H45.213c-34.305.195-32.54 24.034-32.54 48.894C5.1 221.834 0 230.167 0 239.658v43.749c0 9.49 5.099 17.828 12.675 22.472v16.978c0 17.9 14.642 32.54 32.539 32.54h341.915c17.897 0 32.54-14.64 32.54-32.54v-16.978c7.578-4.644 12.673-12.981 12.673-22.472v-43.749c0-9.49-5.095-17.824-12.672-22.472zm-150.05 202.25l10.917 12.638l16.417-14.178l-17.404-20.155H152.793l-17.404 20.155l16.418 14.178l10.917-12.638zM36.616 157.908h359.112C384.341 68.853 308.322 0 216.172 0C124.02 0 48.003 68.853 36.616 157.908"/></svg>

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

React

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

<Icon icon="file-icons:rubocop" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:rubocop" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:rubocop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--rubocop]"></span>

UnoCSS

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

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

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

<iconify-icon icon="file-icons:rubocop"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/file-icons/rubocop.svg" alt="Иконка Rubocop" width="24" height="24">

Иконка Rubocop в других наборах

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

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

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

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

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

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

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

Все File Icons →