Фон под иконками Бутстрапа

иконкам с "прорезями", например, прямоугольник с плюсом внутри, можно задавать любой цвет, но сами "прорези" имеют, разумеется, цвет фона.
Если возникает задача разместить иконки на фоне одного цвета, а "прорези" при этом должны быть другого цвета, то возникает необходимость поработать с фоном этой иконки. Допустим, фон страницы у нас белый, а "прорези" должны быть чёрными.
Прямолинейно задать для иконки
background-color: black;
задачу не решит, т.к. залита будет и часть пространства вокруг изображения самой иконки как пространство элемента, создавая чёрную кайму, и никакой background-clip не поможет.
Соответственно, возникает задача задать размер фона. А это можно сделать только для изображения. Создавать чёрный png и делать его фоном - плохая идея. И если надо будет поменять цвет? Опять изображения на сервер загружать?
Выручает градиент. Используем его в качестве изображения для фона:
    background-image: radial-gradient(circle, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 100%);
и подгоняем размер и расположение под нашу иконку:
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: center;
Вуаля, вокруг белый фон, а в "прорезях" - чёрный.
См. фиддл.