Keyboard Arrow Right icon

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=keyboard_arrow_right" />

<span class="material-symbols-outlined">keyboard_arrow_right</span>

// With the font from the HTML tab:
export function KeyboardArrowRightIcon() {
  return (
    <span className="material-symbols-outlined">
      keyboard_arrow_right
    </span>
  );
}

// Or as an SVG component (Vite + vite-plugin-svgr) instead:
//   npm install @material-symbols/svg-400
//   import KeyboardArrowRightIcon from "@material-symbols/svg-400/outlined/keyboard_arrow_right.svg?react";

<!-- With the font from the HTML tab -->
<template>
  <span class="material-symbols-outlined">keyboard_arrow_right</span>
</template>

<!-- Or as an SVG component (Vite + vite-svg-loader):
     npm install @material-symbols/svg-400
     import KeyboardArrowRightIcon from "@material-symbols/svg-400/outlined/keyboard_arrow_right.svg?component"; -->

<mat-icon fontSet="material-symbols-outlined">keyboard_arrow_right</mat-icon>

flutter pub add material_symbols_icons

import 'package:material_symbols_icons/symbols.dart';

Icon(Symbols.keyboard_arrow_right, fill: 0, weight: 400)

<!-- res/drawable/keyboard_arrow_right.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="?attr/colorControlNormal">
        <path android:fillColor="@android:color/white" android:pathData="M13.25 11.975 8.3 7.025l1.075-1.075 6.025 6.025-6.025 6.025-1.075-1.075 4.95-4.95Z" />
</vector>

npm install @material-symbols/svg-400

import icon from "@material-symbols/svg-400/outlined/keyboard_arrow_right.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@material-symbols/[email protected]/outlined/keyboard_arrow_right.svg" width="24" height="24" alt="Keyboard Arrow Right">

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")