Rubocop アイコン
file-icons:rubocop
Rubocop アイコン(file-icons:rubocop)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 433 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 433 × 512
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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rubocop アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:rubocop" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rubocop アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/rubocop.svg" alt="Rubocop アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。