Rails アイコン
skill-icons:rails
Rails アイコン(skill-icons:rails)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- rail
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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>Rails アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:rails" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:rails" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:rails" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--rails]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:rails"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:rails"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/rails.svg" alt="Rails アイコン" width="24" height="24">他のアイコンセットの Rails アイコン
Rails アイコン のよくある質問
Rails アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rails アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:rails" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rails アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/rails.svg" alt="Rails アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。