tags: $:/tags/Macro
title: $:/ou/macros/Icons
type: text/vnd.tiddlywiki

\define warning()
<span style="fill:yellow;filter:contrast(40%);font-size:1.5em" class="ou-button-image">{{$:/core/images/warning}}</span>
\end

\define icon(path)
<span style="font-size:1.5em" class="ou-button-image">{{$path$}}</span>
\end

\define tip()
<span style="font-size:1.5em" class="ou-button-image">{{$:/core/images/tip}}</span>
\end

!Usage:
```plaintext
<<tip>> Don't run with scissors.
```
Produces:

<<tip>> Don't run with scissors.

<br>

```plaintext
<<warning>> Pay attention!
```
Produces:

<<warning>> Pay attention!

<br>


```plaintext
<<icon $:/ou/clipart/h2/h2-disconnect>>
```
Produces:

<<icon "$:/ou/clipart/h2/h2-disconnect">>

The path is a Tiddler that contains an image.