rubymine logo
rubymine from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- rubymine
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the rubymine logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosRubymine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><linearGradient id="SVGA3G7hdNW" x1="55.271%" x2="39.509%" y1="73.825%" y2="35.404%"><stop offset="0%" stopColor="#fe2857"/><stop offset="6%" stopColor="#fe3052"/><stop offset="33%" stopColor="#fd533b"/><stop offset="58%" stopColor="#fc6c2a"/><stop offset="81%" stopColor="#fc7b20"/><stop offset="100%" stopColor="#fc801d"/></linearGradient><linearGradient id="SVGVIG0uefO" x1="19.047%" x2="50.141%" y1="2.917%" y2="36.328%"><stop offset="0%" stopColor="#6b57ff"/><stop offset="100%" stopColor="#fe2857"/></linearGradient><linearGradient id="SVGcUl1Wb6S" x1="9.775%" x2="73.277%" y1="8%" y2="97.512%"><stop offset="0%" stopColor="#6b57ff"/><stop offset="30%" stopColor="#fe2857"/><stop offset="63%" stopColor="#fe2857"/><stop offset="64%" stopColor="#fe3052"/><stop offset="70%" stopColor="#fd533b"/><stop offset="76%" stopColor="#fc6c2a"/><stop offset="81%" stopColor="#fc7b20"/><stop offset="85%" stopColor="#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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-rubymine {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGA3G7hdNW%22%20x1%3D%2255.271%25%22%20x2%3D%2239.509%25%22%20y1%3D%2273.825%25%22%20y2%3D%2235.404%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3Cstop%20offset%3D%226%25%22%20stop-color%3D%22%23fe3052%22%2F%3E%3Cstop%20offset%3D%2233%25%22%20stop-color%3D%22%23fd533b%22%2F%3E%3Cstop%20offset%3D%2258%25%22%20stop-color%3D%22%23fc6c2a%22%2F%3E%3Cstop%20offset%3D%2281%25%22%20stop-color%3D%22%23fc7b20%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fc801d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVIG0uefO%22%20x1%3D%2219.047%25%22%20x2%3D%2250.141%25%22%20y1%3D%222.917%25%22%20y2%3D%2236.328%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcUl1Wb6S%22%20x1%3D%229.775%25%22%20x2%3D%2273.277%25%22%20y1%3D%228%25%22%20y2%3D%2297.512%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%2230%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3Cstop%20offset%3D%2263%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3Cstop%20offset%3D%2264%25%22%20stop-color%3D%22%23fe3052%22%2F%3E%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%23fd533b%22%2F%3E%3Cstop%20offset%3D%2276%25%22%20stop-color%3D%22%23fc6c2a%22%2F%3E%3Cstop%20offset%3D%2281%25%22%20stop-color%3D%22%23fc7b20%22%2F%3E%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%23fc801d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGA3G7hdNW)%22%20d%3D%22m212.907%200l-73.254%2026.24L81.92%200L62.907%2047.893H50.613V189.28l177.787%201.547l27.6-140.8z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVIG0uefO)%22%20d%3D%22M210.72%2091.867L93.733%2022.533l116.987%20137.12z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcUl1Wb6S)%22%20d%3D%22m106.56%20249.333l95.68-12.746l-14.853-28.56h23.333v-48.374L93.707%2022.32L0%2045.333l.107%20134.4L53.973%20256l52.294-6.64l.24-.027z%22%2F%3E%3Cpath%20d%3D%22M50.667%2048h160v160h-160z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M70.613%20177.76h60v10h-60zm59.28-109.84h14.267l15.813%2025.44l15.814-25.44h14.266v60.133h-13.146V88.8l-16.934%2025.68h-.346L142.88%2089.067v38.986h-12.987zM70.667%2068h27.466q11.414%200%2017.494%206.08a18.67%2018.67%200%200%201%205.146%2013.733V88a18.67%2018.67%200%200%201-3.573%2011.867a20.64%2020.64%200%200%201-9.307%206.746l14.694%2021.334H107.12L94.667%20109.52H83.76v18.453H70.667zm26.666%2029.093a11%2011%200%200%200%207.387-2.426a8%208%200%200%200%202.667-6.187v-.16a7.6%207.6%200%200%200-2.667-6.427a12.08%2012.08%200%200%200-7.627-2.16h-13.28v17.254z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGA3G7hdNW%22%20x1%3D%2255.271%25%22%20x2%3D%2239.509%25%22%20y1%3D%2273.825%25%22%20y2%3D%2235.404%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3Cstop%20offset%3D%226%25%22%20stop-color%3D%22%23fe3052%22%2F%3E%3Cstop%20offset%3D%2233%25%22%20stop-color%3D%22%23fd533b%22%2F%3E%3Cstop%20offset%3D%2258%25%22%20stop-color%3D%22%23fc6c2a%22%2F%3E%3Cstop%20offset%3D%2281%25%22%20stop-color%3D%22%23fc7b20%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fc801d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGVIG0uefO%22%20x1%3D%2219.047%25%22%20x2%3D%2250.141%25%22%20y1%3D%222.917%25%22%20y2%3D%2236.328%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGcUl1Wb6S%22%20x1%3D%229.775%25%22%20x2%3D%2273.277%25%22%20y1%3D%228%25%22%20y2%3D%2297.512%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%236b57ff%22%2F%3E%3Cstop%20offset%3D%2230%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3Cstop%20offset%3D%2263%25%22%20stop-color%3D%22%23fe2857%22%2F%3E%3Cstop%20offset%3D%2264%25%22%20stop-color%3D%22%23fe3052%22%2F%3E%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%23fd533b%22%2F%3E%3Cstop%20offset%3D%2276%25%22%20stop-color%3D%22%23fc6c2a%22%2F%3E%3Cstop%20offset%3D%2281%25%22%20stop-color%3D%22%23fc7b20%22%2F%3E%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%23fc801d%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGA3G7hdNW)%22%20d%3D%22m212.907%200l-73.254%2026.24L81.92%200L62.907%2047.893H50.613V189.28l177.787%201.547l27.6-140.8z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGVIG0uefO)%22%20d%3D%22M210.72%2091.867L93.733%2022.533l116.987%20137.12z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGcUl1Wb6S)%22%20d%3D%22m106.56%20249.333l95.68-12.746l-14.853-28.56h23.333v-48.374L93.707%2022.32L0%2045.333l.107%20134.4L53.973%20256l52.294-6.64l.24-.027z%22%2F%3E%3Cpath%20d%3D%22M50.667%2048h160v160h-160z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M70.613%20177.76h60v10h-60zm59.28-109.84h14.267l15.813%2025.44l15.814-25.44h14.266v60.133h-13.146V88.8l-16.934%2025.68h-.346L142.88%2089.067v38.986h-12.987zM70.667%2068h27.466q11.414%200%2017.494%206.08a18.67%2018.67%200%200%201%205.146%2013.733V88a18.67%2018.67%200%200%201-3.573%2011.867a20.64%2020.64%200%200%201-9.307%206.746l14.694%2021.334H107.12L94.667%20109.52H83.76v18.453H70.667zm26.666%2029.093a11%2011%200%200%200%207.387-2.426a8%208%200%200%200%202.667-6.187v-.16a7.6%207.6%200%200%200-2.667-6.427a12.08%2012.08%200%200%200-7.627-2.16h-13.28v17.254z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/rubymine.svg?color=%231a73e8&size=48
