Material UI 글꼴 아이콘에 사용자 정의 svg 아이콘을 추가하는 방법은 무엇입니까?

Question

내가 찾고있는 아이콘은 매우 독특하기 때문에 내 자신을 만들어야한다고 생각합니다. (나는 닫힌 문 아이콘을 찾고있다.) 필자가 필요로하는 것과 비슷한 PNG 파일을 찾았지만, 이것을 재질 UI 글꼴 아이콘과 통합하는 방법을 찾아야한다.

존재하는 것과 비슷한 js 파일을 만들 수있는 방법이 있습니까? 이처럼 : https://github.com/callemall/material-ui/blob/master/src/svg-icons/action/accessibility.js "경로"의 출처를 모르겠습니다. 누구에게 알려 집니까?

미리 감사드립니다.

Answer 1

이러한 목적으로 특별히 만들어진 디자인 도구를 사용하여 만들었습니다. 현장에서 경험이없는 경우 경로 기반 SVG 아이콘을 만드는 데 약간의 시간이 걸리지 만 무료 온라인 도구와 인내심을 가지고 나만의 SVG 아이콘을 만들 수 있습니다.

일단 데이터가 SVG에 대해 path 형식 일 필요는 없지만 right here에 대한 정보를 찾을 수있는 사용 가능한 구문과 속성을 사용하여 유효한 SVG를 만들 수 있습니다. 해당 JS 파일을 가져 와서 적용 할 수있는 곳으로 가져 오거나 내보낼 수 있으며 모든 소재 UI와 비슷한 방식으로 사용할 수 있습니다. [Octicons]에서

http://editor.method.ac/