---
title: 'title'
cssPrefix: 'pf-c-prefix'
---
// Add imports below (need newlines before + after)...

import { Avatar } from '@patternfly/react-core';
import avatarImg from './examples/avatarImg.svg';

## Simple Avatar Example
```js
// The following imports are used to make copy-pasting examples possible. They have no effect.
import React from 'react';
import { Avatar } from '@patternfly/react-core';
import avatarImg from './examples/avatarImg.svg';

// You can have raw JSX, a function, or class rendered here using react-live
<Avatar src={avatarImg} alt="avatar"></Avatar>
```
// You can even render the component outside of the code block to appear inline in the docs!
<Avatar src={avatarImg} alt="avatar"></Avatar>