Как вычесть контур иконки из иконки в потрясающих сложенных иконках? - PullRequest
Новая
       37

Как вычесть контур иконки из иконки в потрясающих сложенных иконках?

0 голосов
/ 04 июля 2019

Когда я складываю значки и перемещаю второй значок вправо: 

<span className="fa-layers fa-fw">
  <FontAwesomeIcon icon={faBuilding} className="first-icon" />
  <FontAwesomeIcon icon={faCar} transform="right-8 down-2" className="second-icon"/>
</span>

enter image description here

После добавления схемы, как предложено здесь , добавив следующее: 

.second-icon g g path {
  stroke: #333;
  stroke-width: 30;
}

enter image description here

Я тоже получаю очертания внутри, это не то, что я хочу.

Что такое css-эквивалент 

stroke-mode: outer;
stroke-width: 30;

или если возможно маскирование или вычитание, как мне сделать следующее? 

copy(second-icon) to (second-icon-copy)
grow(second-icon-copy)                            \\ expand outline
subtract(second-icon-copy) from (first-icon)      \\ even better mask instead of subtract

enter image description here

Я знаю, что шрифт-офигенный профессионал предлагает такие иконки. Но мне нужно иметь возможность применять этот вид маскирования / вычитания в обобщенном виде к любому значку в стеке значков.

...