UCD Core UI Icons

Import directly into your JSX/TSX components with Tailwind CSS support.

import { ArrowRightIcon } from './icons';

export default function CTAButton() {
  return (
    <button className="flex items-center gap-2 px-4 py-2 bg-red-600 text-white rounded-lg">
      Get Started <ArrowRightIcon size={18} />
    </button>
  );
}

Uses standard flutter_svg with color filters and size constraints.

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

// Use directly in your Flutter widget tree:
ArrowRightIcon(size: 24, color: Color(0xFFC5453E));

Engineered for react-native-svg with zero dependency bloat.

import React from 'react';
import { ArrowRightIcon } from './icons';

<ArrowRightIcon size={20} color="#C5453E" strokeWidth={2} />