Rider アイコン
devicon-plain:rider
Rider アイコン(devicon-plain:rider)は、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="M72.062 0a9.64 9.64 0 0 0-5.352 1.623L49.62 13.025l.704.604a9.65 9.65 0 0 0-6.244-2.3H20.966c-5.306 0-9.644 4.338-9.644 9.644v17.613l-7.03 4.695a9.65 9.65 0 0 0-4.286 8.022L0 118.355C0 123.661 4.339 128 9.645 128h66.113a9.65 9.65 0 0 0 8.86-5.842l3.615-8.43l.738.63a9.65 9.65 0 0 0 6.271 2.32h23.114a9.7 9.7 0 0 0 2.87-.442a9.64 9.64 0 0 0 4.567-3.065h.007l.02-.04a10 10 0 0 0 .53-.698v-.007l.014-.027a9.6 9.6 0 0 0 .879-1.61a9.6 9.6 0 0 0 .71-2.77v-.014q.048-.483.047-.973V81.545c0-.461-.031-.918-.094-1.361h-.007l-10.268-71.9C116.953 3.544 112.874 0 108.086 0h-1.053zm0 3.434h36.024a6.194 6.194 0 0 1 6.15 5.332l10.27 71.901h-.007c.042.3.067.591.067.879v25.487c0 .219-.013.422-.034.63v.008a6.1 6.1 0 0 1-.905 2.636c-.054.085-.094.154-.12.194v.007l-.008.007a6 6 0 0 1-.349.463v.007h-.007v.007a6.22 6.22 0 0 1-4.789 2.254H95.243a6.2 6.2 0 0 1-4.038-1.496l-4.286-3.669l-5.453 12.724a6.2 6.2 0 0 1-5.708 3.762H9.645a6.185 6.185 0 0 1-6.211-6.21l.007-67.051a6.2 6.2 0 0 1 2.756-5.165l8.559-5.717v-19.45c0-3.45 2.76-6.212 6.21-6.212H44.08c1.484 0 2.912.525 4.037 1.49l.007.006l1.254 1.06L68.614 4.48a6.2 6.2 0 0 1 3.448-1.046m-46.99 21.637v77.858h77.857V25.07Zm9.913 9.733H47.52c2.044 0 3.842.363 5.4 1.12c1.557.755 2.754 1.83 3.588 3.186c.848 1.355 1.274 2.89 1.274 4.715s-.433 3.413-1.294 4.795c-.848 1.381-2.064 2.451-3.649 3.233c-.295.137-.625.229-.952.322q-.217.061-.43.128L58.407 64H51.88l-6.285-11.027H40.68V64h-5.694Zm27.606 0h11.12c2.767 0 5.236.626 7.42 1.878c2.195 1.25 3.912 2.996 5.15 5.211q1.857 3.323 1.858 7.505c0 2.789-.621 5.297-1.858 7.54c-1.238 2.215-2.955 3.933-5.15 5.184C78.946 63.373 76.477 64 73.71 64H62.59ZM40.68 39.545v8.686h6.472c.96 0 1.786-.159 2.495-.523c.723-.364 1.28-.858 1.67-1.509c.39-.678.584-1.435.584-2.32c0-.887-.195-1.643-.583-2.295c-.39-.652-.948-1.15-1.67-1.515c-.71-.339-1.536-.524-2.496-.524zm27.607.188V59.07h5.359q2.606.001 4.567-1.174c1.307-.756 2.316-1.873 3.025-3.333s1.06-3.183 1.06-5.165c0-1.981-.35-3.697-1.06-5.158c-.709-1.459-1.718-2.584-3.025-3.34q-1.961-1.169-4.567-1.167zM34.79 87.354h31.148v5.842H34.79Z"/></svg>Rider アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:rider" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:rider" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:rider" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--rider]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:rider"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:rider"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/rider.svg" alt="Rider アイコン" width="24" height="24">Devicon Plain の関連アイコン
他のアイコンセットの Rider アイコン
Rider アイコン のよくある質問
Rider アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rider アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:rider" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rider アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/rider.svg" alt="Rider アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。