rails logo
rails from Skill Icons by tandpfun · Default · MIT Free for personal and commercial use.
- Name
- rails
- Set
- Skill Icons
- Style
- Default
- Viewbox
- 256×256
- License
- MIT
The same logo in other sets
Use the rails logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#d30001" rx="60"/><path fill="#fff" d="m227.87 116.783l.13.129s-1.499 1.058-3.086 2.381c-50.089-37.037-80.688-19.577-90.3-14.903c-43.651 24.357-31.037 84.15-30.78 85.343l.004.018H34.173s2.645-26.102 21.164-56.966c18.518-30.864 50.088-54.233 75.749-56.526c49.48-4.956 94.073 37.871 96.784 40.524m-121.387 55.332l9.524 3.439c.441 3.454 1.066 6.724 1.721 9.708l.395 1.756l-10.582-3.792c-.441-2.646-.881-6.438-1.058-11.111m-74.074-28.572l10.141 3.704c-1.234 2.855-2.806 6.52-3.948 9.4l-.46 1.182L28 154.125c.882-2.381 2.734-6.79 4.41-10.582m78.043-3.527l6.349 5.026a71 71 0 0 0-1.609 8.254l-.243 2.064l-7.143-5.644c.705-3.175 1.499-6.437 2.646-9.7m15.608-24.603l3.968 5.996c-1.552 1.623-2.991 3.245-4.272 4.958l-.931 1.303l-4.232-6.349a49 49 0 0 1 5.467-5.908m-63.14-13.051l6.262 5.467a87 87 0 0 0-4.576 5.183l-1.42 1.783l-6.79-5.82c2.027-2.204 4.232-4.409 6.525-6.613m87.39-.353l1.94 5.82c-2.045.635-4.091 1.439-6.137 2.367l-1.535.719l-2.028-6.084a64 64 0 0 1 7.76-2.822m20.635-2.117c2.258.142 4.572.395 6.942.807l1.788.34l-.352 5.467a49.4 49.4 0 0 0-6.984-.973l-1.746-.085zm-72.4-24.338l3.968 6.084c-1.72.86-3.39 1.82-5.084 2.84l-1.706 1.04l-4.057-6.172a140 140 0 0 1 6.879-3.792m72.575-3.351c5.247 1.499 7.504 2.526 8.408 3.007l.145.08l-.352 5.907a150 150 0 0 0-5.67-2.175l-2.884-1zM137.436 67l1.763 5.38h-.882a81 81 0 0 0-5.754.185l-1.917.167l-1.676-5.203a70 70 0 0 1 8.466-.529"/></g></svg>
React
import type { SVGProps } from "react";
export function SkillIconsRails(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#d30001" rx="60"/><path fill="#fff" d="m227.87 116.783l.13.129s-1.499 1.058-3.086 2.381c-50.089-37.037-80.688-19.577-90.3-14.903c-43.651 24.357-31.037 84.15-30.78 85.343l.004.018H34.173s2.645-26.102 21.164-56.966c18.518-30.864 50.088-54.233 75.749-56.526c49.48-4.956 94.073 37.871 96.784 40.524m-121.387 55.332l9.524 3.439c.441 3.454 1.066 6.724 1.721 9.708l.395 1.756l-10.582-3.792c-.441-2.646-.881-6.438-1.058-11.111m-74.074-28.572l10.141 3.704c-1.234 2.855-2.806 6.52-3.948 9.4l-.46 1.182L28 154.125c.882-2.381 2.734-6.79 4.41-10.582m78.043-3.527l6.349 5.026a71 71 0 0 0-1.609 8.254l-.243 2.064l-7.143-5.644c.705-3.175 1.499-6.437 2.646-9.7m15.608-24.603l3.968 5.996c-1.552 1.623-2.991 3.245-4.272 4.958l-.931 1.303l-4.232-6.349a49 49 0 0 1 5.467-5.908m-63.14-13.051l6.262 5.467a87 87 0 0 0-4.576 5.183l-1.42 1.783l-6.79-5.82c2.027-2.204 4.232-4.409 6.525-6.613m87.39-.353l1.94 5.82c-2.045.635-4.091 1.439-6.137 2.367l-1.535.719l-2.028-6.084a64 64 0 0 1 7.76-2.822m20.635-2.117c2.258.142 4.572.395 6.942.807l1.788.34l-.352 5.467a49.4 49.4 0 0 0-6.984-.973l-1.746-.085zm-72.4-24.338l3.968 6.084c-1.72.86-3.39 1.82-5.084 2.84l-1.706 1.04l-4.057-6.172a140 140 0 0 1 6.879-3.792m72.575-3.351c5.247 1.499 7.504 2.526 8.408 3.007l.145.08l-.352 5.907a150 150 0 0 0-5.67-2.175l-2.884-1zM137.436 67l1.763 5.38h-.882a81 81 0 0 0-5.754.185l-1.917.167l-1.676-5.203a70 70 0 0 1 8.466-.529"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#d30001" rx="60"/><path fill="#fff" d="m227.87 116.783l.13.129s-1.499 1.058-3.086 2.381c-50.089-37.037-80.688-19.577-90.3-14.903c-43.651 24.357-31.037 84.15-30.78 85.343l.004.018H34.173s2.645-26.102 21.164-56.966c18.518-30.864 50.088-54.233 75.749-56.526c49.48-4.956 94.073 37.871 96.784 40.524m-121.387 55.332l9.524 3.439c.441 3.454 1.066 6.724 1.721 9.708l.395 1.756l-10.582-3.792c-.441-2.646-.881-6.438-1.058-11.111m-74.074-28.572l10.141 3.704c-1.234 2.855-2.806 6.52-3.948 9.4l-.46 1.182L28 154.125c.882-2.381 2.734-6.79 4.41-10.582m78.043-3.527l6.349 5.026a71 71 0 0 0-1.609 8.254l-.243 2.064l-7.143-5.644c.705-3.175 1.499-6.437 2.646-9.7m15.608-24.603l3.968 5.996c-1.552 1.623-2.991 3.245-4.272 4.958l-.931 1.303l-4.232-6.349a49 49 0 0 1 5.467-5.908m-63.14-13.051l6.262 5.467a87 87 0 0 0-4.576 5.183l-1.42 1.783l-6.79-5.82c2.027-2.204 4.232-4.409 6.525-6.613m87.39-.353l1.94 5.82c-2.045.635-4.091 1.439-6.137 2.367l-1.535.719l-2.028-6.084a64 64 0 0 1 7.76-2.822m20.635-2.117c2.258.142 4.572.395 6.942.807l1.788.34l-.352 5.467a49.4 49.4 0 0 0-6.984-.973l-1.746-.085zm-72.4-24.338l3.968 6.084c-1.72.86-3.39 1.82-5.084 2.84l-1.706 1.04l-4.057-6.172a140 140 0 0 1 6.879-3.792m72.575-3.351c5.247 1.499 7.504 2.526 8.408 3.007l.145.08l-.352 5.907a150 150 0 0 0-5.67-2.175l-2.884-1zM137.436 67l1.763 5.38h-.882a81 81 0 0 0-5.754.185l-1.917.167l-1.676-5.203a70 70 0 0 1 8.466-.529"/></g></svg> </template>
CSS
.icon-rails {
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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23d30001%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m227.87%20116.783l.13.129s-1.499%201.058-3.086%202.381c-50.089-37.037-80.688-19.577-90.3-14.903c-43.651%2024.357-31.037%2084.15-30.78%2085.343l.004.018H34.173s2.645-26.102%2021.164-56.966c18.518-30.864%2050.088-54.233%2075.749-56.526c49.48-4.956%2094.073%2037.871%2096.784%2040.524m-121.387%2055.332l9.524%203.439c.441%203.454%201.066%206.724%201.721%209.708l.395%201.756l-10.582-3.792c-.441-2.646-.881-6.438-1.058-11.111m-74.074-28.572l10.141%203.704c-1.234%202.855-2.806%206.52-3.948%209.4l-.46%201.182L28%20154.125c.882-2.381%202.734-6.79%204.41-10.582m78.043-3.527l6.349%205.026a71%2071%200%200%200-1.609%208.254l-.243%202.064l-7.143-5.644c.705-3.175%201.499-6.437%202.646-9.7m15.608-24.603l3.968%205.996c-1.552%201.623-2.991%203.245-4.272%204.958l-.931%201.303l-4.232-6.349a49%2049%200%200%201%205.467-5.908m-63.14-13.051l6.262%205.467a87%2087%200%200%200-4.576%205.183l-1.42%201.783l-6.79-5.82c2.027-2.204%204.232-4.409%206.525-6.613m87.39-.353l1.94%205.82c-2.045.635-4.091%201.439-6.137%202.367l-1.535.719l-2.028-6.084a64%2064%200%200%201%207.76-2.822m20.635-2.117c2.258.142%204.572.395%206.942.807l1.788.34l-.352%205.467a49.4%2049.4%200%200%200-6.984-.973l-1.746-.085zm-72.4-24.338l3.968%206.084c-1.72.86-3.39%201.82-5.084%202.84l-1.706%201.04l-4.057-6.172a140%20140%200%200%201%206.879-3.792m72.575-3.351c5.247%201.499%207.504%202.526%208.408%203.007l.145.08l-.352%205.907a150%20150%200%200%200-5.67-2.175l-2.884-1zM137.436%2067l1.763%205.38h-.882a81%2081%200%200%200-5.754.185l-1.917.167l-1.676-5.203a70%2070%200%200%201%208.466-.529%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Crect%20width%3D%22256%22%20height%3D%22256%22%20fill%3D%22%23d30001%22%20rx%3D%2260%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m227.87%20116.783l.13.129s-1.499%201.058-3.086%202.381c-50.089-37.037-80.688-19.577-90.3-14.903c-43.651%2024.357-31.037%2084.15-30.78%2085.343l.004.018H34.173s2.645-26.102%2021.164-56.966c18.518-30.864%2050.088-54.233%2075.749-56.526c49.48-4.956%2094.073%2037.871%2096.784%2040.524m-121.387%2055.332l9.524%203.439c.441%203.454%201.066%206.724%201.721%209.708l.395%201.756l-10.582-3.792c-.441-2.646-.881-6.438-1.058-11.111m-74.074-28.572l10.141%203.704c-1.234%202.855-2.806%206.52-3.948%209.4l-.46%201.182L28%20154.125c.882-2.381%202.734-6.79%204.41-10.582m78.043-3.527l6.349%205.026a71%2071%200%200%200-1.609%208.254l-.243%202.064l-7.143-5.644c.705-3.175%201.499-6.437%202.646-9.7m15.608-24.603l3.968%205.996c-1.552%201.623-2.991%203.245-4.272%204.958l-.931%201.303l-4.232-6.349a49%2049%200%200%201%205.467-5.908m-63.14-13.051l6.262%205.467a87%2087%200%200%200-4.576%205.183l-1.42%201.783l-6.79-5.82c2.027-2.204%204.232-4.409%206.525-6.613m87.39-.353l1.94%205.82c-2.045.635-4.091%201.439-6.137%202.367l-1.535.719l-2.028-6.084a64%2064%200%200%201%207.76-2.822m20.635-2.117c2.258.142%204.572.395%206.942.807l1.788.34l-.352%205.467a49.4%2049.4%200%200%200-6.984-.973l-1.746-.085zm-72.4-24.338l3.968%206.084c-1.72.86-3.39%201.82-5.084%202.84l-1.706%201.04l-4.057-6.172a140%20140%200%200%201%206.879-3.792m72.575-3.351c5.247%201.499%207.504%202.526%208.408%203.007l.145.08l-.352%205.907a150%20150%200%200%200-5.67-2.175l-2.884-1zM137.436%2067l1.763%205.38h-.882a81%2081%200%200%200-5.754.185l-1.917.167l-1.676-5.203a70%2070%200%200%201%208.466-.529%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/skill-icons/rails.svg?color=%231a73e8&size=48
