Icon container
An icon container is a designated area, often a square or a circle, that houses an icon. It helps visually separate the icon from other elements on the screen and can improve the touch-target size, making it easier for users to interact with the icon. Using containers also helps maintain a uniform appearance across different icons.
In design software like Adobe XD or Figma, an icon container is typically created by drawing a shape (such as a square or circle) in the color of your design and then placing the icon in the center of that shape. This approach helps organize and separate the icon from other elements on the screen without the container itself being visible.