Square Avatar With Gradient Border

import 'package:extended_image/extended_image.dart';
import 'package:flutter/material.dart';
import 'package:gradient_borders/box_borders/gradient_box_border.dart';

DecoratedBox(
  decoration: BoxDecoration(
    borderRadius: BorderRadius.circular(10),
    border: const GradientBoxBorder(
      width: 3,
      gradient: LinearGradient(
        begin: Alignment.topLeft,
        end: Alignment.bottomRight,
        colors: [
          Colors.redAccent,
          Colors.purple,
        ],
      ),
    ),
  ),
  position: DecorationPosition.foreground,
  child: ClipRRect(
    borderRadius: BorderRadius.circular(10),
    child: ExtendedImage.network(
      'https://images.pexels.com/photos/846741/pexels-photo-846741.jpeg?auto=compress&cs=tinysrgb&w=600',
      fit: BoxFit.cover,
      width: 48,
      height: 48,
    ),
  ),
),