Remove Background from a Person Portrait for Mobile Apps

// Remove background then render in a for Mobile Apps
import Image from "next/image";

export function UserAvatarPngCard() {
  return (
    <div className="relative overflow-hidden rounded-2xl bg-white/5 p-6">
      <Image
        src="/user-avatar-png/transparent.png"
        alt="Person Portrait"
        width={97}
        height={97}
        className="object-contain"
      />
    </div>
  );
}

<!-- Person Portrait · for Mobile Apps · Tailwind -->
<div class="relative flex items-center gap-4 rounded-2xl border border-white/10 bg-white/5 p-4 backdrop-blur-md">
  <img
    src="/user-avatar-png/transparent.png"
    alt="Person Portrait"
    class="h-12 w-12 shrink-0 object-contain"
  />
  <div>
    <p class="text-sm font-semibold text-white">Person Portrait</p>
    <p class="text-xs text-white/50">1,200 colors · 48 paths</p>
  </div>
</div>

// Person Portrait widget — Flutter
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';

class UserAvatarPngWidget extends StatelessWidget {
  const UserAvatarPngWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return SvgPicture.asset(
      'assets/user-avatar-png/vectorized.svg',
      width: 48,
      height: 48,
      semanticsLabel: 'Person Portrait',
    );
  }
}