Flex中图标显示的问题

HTML code:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">
<mx:Script>
<![CDATA[
// 另一种内嵌图标的方法，对于多个按钮内嵌同一图标非常高效
[Embed(source="1.gif")]
[Bindable]
public var iconSymbol:Class;
]]>
</mx:Script>
<mx:Panel title="egeg大侠的按钮外观" width="300" height="250" paddingTop="10" horizontalAlign="center">
<mx:VBox width="100%" horizontalAlign="center">
<mx:HBox width="100%">
<mx:Label text="(1)添加图标" />
</mx:HBox>
<mx:Button id="btn1" width="120" label="确定" icon="iconSymbol"/>
</mx:Panel>



请问为什么提示：“1172: 找不到定义 iconSymbol”

---

谢谢syeia，本人刚学flex，见笑了，结贴给分。