# MasterStudy Icon

There is a Gutenberg MasterStudy Icon block. It lets you add a section with icons to any page of your website. 

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2Fd5NZYUy9OQZSkxKHTZXm%2Fgutenberg%20blocks%2018.jpg?alt=media&#x26;token=141152e7-daaa-415c-9087-aea88ab5232a" alt=""><figcaption></figcaption></figure>

## Adjusting Settings

There are **Settings** available in the Block section.

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FlUNigQ6Myru5bQzulHY3%2Fgutenberg%20blocks%2016.jpg?alt=media&#x26;token=03051bee-9299-45f6-811c-4591ccad981b" alt=""><figcaption></figcaption></figure>

* **Icons**:
  * **Select Device**: Allows users to choose the device for which the icon will be previewed.
  * **Width**: Sets the width of the icon in pixels (24px).
  * **Height**: Sets the height of the icon in pixels (24px).
  * **Search**: Enables users to search and select an icon to display. Or you can choose from the list of the icons below.
* **Advanced**:
  * **Additional CSS Class(Es)**: Allows users to add custom CSS classes for further styling or functionality.

## Adjusting Styles

These are Styles available in the Block section.

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FHQ8q7lD0HOe0alDRf9yg%2Fgutenberg%20blocks%2017.jpg?alt=media&#x26;token=f36e5cd8-28e8-4953-b22b-888671d5933d" alt=""><figcaption></figcaption></figure>

* **Color**:
  * **Text**: Choose the color of the icon.
  * **Background**: Set the background color behind the icon.
* **Dimensions**:
  * **Padding**: Adjust the padding around the icon to control spacing.
  * **Margin**: Control the margin around the icon to manage its positioning in relation to other elements on the page.
* **Border**:
  * **Border**: Specify the width of the border surrounding the icon.
  * **Radius**: Set the border radius to control the curvature of the corners of the icon.