# Image

**Path:** Components/Data Display

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

Image

 RbImage renders CSS icon classes, inline SVG markup, image data, and image paths.
 It also supports fallback content, circular clipping, and click events.

 Supported Sources

 Show code

 CSS class 

 SVG markup 

 Image data 

 File or path 

 Fallback and Interaction

 Show code

 Empty Source and Fallback

 When Source is empty, nothing is rendered by default.
 Set ApplyNoImage to render the default no-image icon instead.

 Fallback disabled 
 Source: empty 
 Nothing is rendered. 

 Fallback enabled 
 ApplyNoImage="true" 
 The default no-image icon is rendered. 

 Circular Clipping

 Set ClipCircle to clip the rendered source as a circle.

 ClipCircle="true" 

 Click Event

 When OnClick is assigned, the image becomes clickable.

 Click count: 0 

 ✕

 Contents