Modrinth/docs/routes/components/Avatar.md

Avatars are used for project icons and user profile pictures. Low resolution images are rendered pixelated to preserve pixel art.

<script lang="ts">
	import { Avatar } from 'omorphia'
</script>

<Avatar size="lg" circle src="https://avatars3.githubusercontent.com/u/44736536?v=4" />
<Avatar size="md" src="https://cdn.modrinth.com/data/AANobbMI/icon.png" />
<Avatar
	size="md"
	src="https://staging-cdn.modrinth.com/data/d1SqMrzw/9a39b0c80a49976b0c04053682708374e18105fe.png" />
<Avatar size="sm" />
<Avatar size="xs" circle src="https://avatars1.githubusercontent.com/u/6166773?v=4" />