Rubymine アイコン
logos:rubymine
Rubymine アイコン(logos:rubymine)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGA3G7hdNW" x1="55.271%" x2="39.509%" y1="73.825%" y2="35.404%"><stop offset="0%" stop-color="#fe2857"/><stop offset="6%" stop-color="#fe3052"/><stop offset="33%" stop-color="#fd533b"/><stop offset="58%" stop-color="#fc6c2a"/><stop offset="81%" stop-color="#fc7b20"/><stop offset="100%" stop-color="#fc801d"/></linearGradient><linearGradient id="SVGVIG0uefO" x1="19.047%" x2="50.141%" y1="2.917%" y2="36.328%"><stop offset="0%" stop-color="#6b57ff"/><stop offset="100%" stop-color="#fe2857"/></linearGradient><linearGradient id="SVGcUl1Wb6S" x1="9.775%" x2="73.277%" y1="8%" y2="97.512%"><stop offset="0%" stop-color="#6b57ff"/><stop offset="30%" stop-color="#fe2857"/><stop offset="63%" stop-color="#fe2857"/><stop offset="64%" stop-color="#fe3052"/><stop offset="70%" stop-color="#fd533b"/><stop offset="76%" stop-color="#fc6c2a"/><stop offset="81%" stop-color="#fc7b20"/><stop offset="85%" stop-color="#fc801d"/></linearGradient></defs><path fill="url(#SVGA3G7hdNW)" d="m212.907 0l-73.254 26.24L81.92 0L62.907 47.893H50.613V189.28l177.787 1.547l27.6-140.8z"/><path fill="url(#SVGVIG0uefO)" d="M210.72 91.867L93.733 22.533l116.987 137.12z"/><path fill="url(#SVGcUl1Wb6S)" d="m106.56 249.333l95.68-12.746l-14.853-28.56h23.333v-48.374L93.707 22.32L0 45.333l.107 134.4L53.973 256l52.294-6.64l.24-.027z"/><path d="M50.667 48h160v160h-160z"/><path fill="#fff" d="M70.613 177.76h60v10h-60zm59.28-109.84h14.267l15.813 25.44l15.814-25.44h14.266v60.133h-13.146V88.8l-16.934 25.68h-.346L142.88 89.067v38.986h-12.987zM70.667 68h27.466q11.414 0 17.494 6.08a18.67 18.67 0 0 1 5.146 13.733V88a18.67 18.67 0 0 1-3.573 11.867a20.64 20.64 0 0 1-9.307 6.746l14.694 21.334H107.12L94.667 109.52H83.76v18.453H70.667zm26.666 29.093a11 11 0 0 0 7.387-2.426a8 8 0 0 0 2.667-6.187v-.16a7.6 7.6 0 0 0-2.667-6.427a12.08 12.08 0 0 0-7.627-2.16h-13.28v17.254z"/></svg>Rubymine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rubymine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rubymine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rubymine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rubymine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rubymine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rubymine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/rubymine.svg" alt="Rubymine アイコン" width="24" height="24">他のアイコンセットの Rubymine アイコン
Rubymine アイコン のよくある質問
Rubymine アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rubymine アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:rubymine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rubymine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/rubymine.svg" alt="Rubymine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。