태그 아이콘에서 사용자 지정 아이콘 사용 시 문제

[pmusaraj (Penar Musaraj)]

안녕하세요 @kristof_mulier님, Discourse에 오신 것을 환영합니다!

커스텀 아이콘을 추가하는 방법은 다음과 같습니다:

@pmusaraj

커스텀 아이콘 추가

FontAwesome에서 제공하는 것보다 더 많은 아이콘이 필요하시다면, 플러그인이나 테마에 자체 SVG 아이콘을 추가할 수 있습니다. 스프라이트 구조화 방법에 대한 예시는 이 SVG 스프라이트를 참고하세요. (본질적으로 고유한 ID가 있는 <symbol> 요소들의 목록입니다.)

테마 및 컴포넌트에서: SVG 스프라이트를 /assets 폴더에 추가하고, about.json에서 변수 이름 icons-sprite를 사용하여 참조합니다. my-icons.svg라는 이름의 스프라이트의 경우, assets.json에는 다음이 포함되어야 합니다:

"assets": {
   "icons-sprite": "/assets/my-icons.svg"
}

UI를 통해 테마나 컴포넌트에 SVG 스프라이트를 추가하는 것도 가능합니다. 이 경우 SCSS 변수 이름이 icons-sprite로 설정되어 있는지 확인하세요. 스크린샷:

요약하자면, SVG 아이콘을 스프라이트에 추가하고 ID를 부여한 후, 스프라이트를 테마에 추가하고 변수 이름을 icons-sprite로 설정해야 합니다. 이 작업이 완료되면 FA 아이콘 ID처럼 아이콘의 ID를 사용할 수 있습니다(그리고 $ 기호는 사용하지 마세요).