# Icons Icon

Use them in buttons, button groups for a toolbar, navigation, or prepended form inputs.


            const glyphInstance = (
              <div>
                <ButtonToolbar>
                  <ButtonGroup>
                    <Button><Icon bundle='glyphicon' glyph="align-left" /></Button>
                    <Button><Icon bundle='glyphicon' glyph="align-center" /></Button>
                    <Button><Icon bundle='glyphicon' glyph="align-right" /></Button>
                    <Button><Icon bundle='glyphicon' glyph="align-justify" /></Button>
                  </ButtonGroup>
                </ButtonToolbar>
                <br />
                <ButtonToolbar>
                  <ButtonGroup>
                    <Button bsStyle='blue' lg><Icon glyph="glyphicon-star" /> Star</Button>
                    <Button bsStyle='blue'><Icon glyph="glyphicon-star" /> Star</Button>
                    <Button bsStyle='blue' sm><Icon glyph="glyphicon-star" /> Star</Button>
                    <Button bsStyle='blue' xs><Icon glyph="glyphicon-star" /> Star</Button>
                  </ButtonGroup>
                </ButtonToolbar>
              </div>
            );

            
          

# Props

NameTypeDefaultDescription
bundle
optional
stringThe icon font bundle (eg: glyphicon)
glyph
required
stringThe icon name belonging to the bundle (eg: align-left) or the complete bundle-icon string (eg: glyphicon-align-left or icon-fontello-align-left)