Ride アイコン
token-branded:ride
Ride アイコン(token-branded:ride)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#f11e99" d="M3.77 6.602c1.905-2.187 6.278-1.112 8.046-.34c-.127-.48.407-1.487 3.568-1.661c3.943-.212 6.267 3.594 5.452 6.008c-.805 2.408-1.89 1.604-2.541 3.97c-.646 2.355-1.816 5.119-4.076 5.876c-1.678.56-4.23 1.222-7.792-1.027c-2.858-1.8-2.107-4.854-1.366-5.929c-1.1-1.355-3.192-4.711-1.291-6.897"/><path fill="url(#SVGaOeVgceX)" d="M3.733 17.613c-.757-1.948.783-3.547 1.651-4.108l4.346-1.387l2.69 7.178c-2.219.19-2.224.482-3.7.762c-1.472.276-4.04 0-4.987-2.44z"/><path fill="#873dee" d="M19.634 16.575c-1.413 3.546-5.15 3.229-7.808 3.229c-1.884 0-4.271.619-5.674-.64a5 5 0 0 1-1.44-2.05C3.67 14.06 5.93 13.43 6.205 11.715c.27-1.725-5.479-9.062 4.018-8.702c10.11.386 10.82 10.01 9.411 13.562"/><path fill="url(#SVGevorYdln)" d="M20.137 12.022a4.7 4.7 0 0 1-.587.582a3.4 3.4 0 0 0-1.229 1.985c-.497 1.81-1.307 3.864-2.683 5.06c-1.059.186-2.17.175-3.176.165h-.614c-.514 0-1.07.058-1.63.116c-1.006.106-2.044.223-2.912 0q-.42-.214-.858-.492a5 5 0 0 1-.72-.545a6.7 6.7 0 0 1-1.26-2.26a4.63 4.63 0 0 1 .218-2.33c.19-.344.428-.65.667-.953c.397-.518.778-1.016.873-1.625c.064-.413-.212-1.148-.55-2.022c-.45-1.175-.996-2.604-.922-3.843c2.15-1.127 5.57-.243 7.083.418c-.127-.487.408-1.492 3.568-1.662c.159-.01.312-.016.466-.01c2.805 1.773 3.996 4.732 4.266 7.41z"/><path fill="#fff" d="M11.222 6.262c-3.16 0-5.711 2.54-5.711 5.664c0 3.112 2.551 5.653 5.711 5.653c3.155 0 5.707-2.54 5.707-5.658s-2.546-5.66-5.707-5.66M3.78 11.926c0-4.092 3.335-7.395 7.442-7.395c4.103 0 7.438 3.303 7.438 7.39c0 4.091-3.335 7.39-7.438 7.39a7.414 7.414 0 0 1-7.442-7.39z"/><defs><linearGradient id="SVGaOeVgceX" x1="3.992" x2="37.083" y1="13.886" y2="4.542" gradientUnits="userSpaceOnUse"><stop stop-color="#4bdaf7"/><stop offset="1" stop-color="#6a63e3"/></linearGradient><linearGradient id="SVGevorYdln" x1="6.697" x2="19.142" y1="17.501" y2="9.619" gradientUnits="userSpaceOnUse"><stop stop-color="#2424e5"/><stop offset="1" stop-color="#781390"/></linearGradient></defs></g></svg>Ride アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ride" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ride" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ride" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ride]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ride"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ride"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ride.svg" alt="Ride アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Ride アイコン
Ride アイコン のよくある質問
Ride アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ride アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ride" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ride アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ride.svg" alt="Ride アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。