Ruby アイコン
devicon-plain:ruby
Ruby アイコン(devicon-plain:ruby)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="m35.971 111.33l81.958 11.188c-9.374-15.606-18.507-30.813-27.713-46.144Zm89.71-86.383L93.513 73.339c-.462.696-1.061 1.248-.41 2.321c8.016 13.237 15.969 26.513 23.942 39.777c1.258 2.095 2.53 4.182 4.157 6.192l4.834-96.58zM16.252 66.22c.375.355 1.311.562 1.747.347c7.689-3.779 15.427-7.474 22.948-11.564c2.453-1.333 4.339-3.723 6.452-5.661c6.997-6.417 13.983-12.847 20.966-19.278c.427-.395.933-.777 1.188-1.275c2.508-4.902 4.973-9.829 7.525-14.898c-3.043-1.144-5.928-2.263-8.849-3.281c-.396-.138-1.02.136-1.449.375c-6.761 3.777-13.649 7.353-20.195 11.472c-3.275 2.061-5.943 5.098-8.843 7.743c-4.674 4.266-9.342 8.542-13.948 12.882a24 24 0 0 0-3.288 3.854c-3.15 4.587-6.206 9.24-9.402 14.025c1.786 1.847 3.41 3.613 5.148 5.259m28.102-6.271l-11.556 48.823l54.3-34.987zm76.631-34.846l-46.15 7.71l15.662 38.096zM44.996 56.644l41.892 13.6c-5.25-12.79-10.32-25.133-15.495-37.737ZM16.831 75.643L2.169 110.691l27.925-.825Zm13.593 26.096l.346-.076c3.353-13.941 6.754-27.786 10.177-42.272L18.544 71.035c3.819 9.926 7.891 20.397 11.88 30.704m84.927-78.897c-4.459-1.181-8.918-2.366-13.379-3.539c-6.412-1.686-12.829-3.351-19.237-5.052c-.801-.213-1.38-.352-1.851.613c-2.265 4.64-4.6 9.245-6.901 13.868c-.071.143-.056.328-.111.687l41.47-6.285zM89.482 12.288l36.343 10.054l-6.005-17.11l-30.285 6.715ZM33.505 114.007c-4.501-.519-9.122-.042-13.687.037c-3.75.063-7.5.206-11.25.323c-.386.012-.771.09-1.156.506q46.504 4.298 93.007 8.6l.063-.414l-29.815-4.07c-12.384-1.691-24.747-3.551-37.162-4.982M2.782 99.994c3.995-9.27 7.973-18.546 11.984-27.809c.401-.929.37-1.56-.415-2.308c-1.678-1.597-3.237-3.318-5.071-5.226c-2.479 12.24-4.897 24.177-7.317 36.113l.271.127c.185-.297.411-.578.548-.897m78.74-90.153c6.737-1.738 13.572-3.097 20.367-4.613c.44-.099.87-.244 1.303-.368l-.067-.332l-29.194 3.928c2.741 1.197 4.853 2.091 7.591 1.385"/></svg>
Ruby アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:ruby" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:ruby" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:ruby" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--ruby]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:ruby"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:ruby"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/ruby.svg" alt="Ruby アイコン" width="24" height="24">
Ruby アイコン のよくある質問
Ruby アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ruby アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:ruby" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ruby アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/ruby.svg" alt="Ruby アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
