Fontastic Icons

Hem Web hem mobil tarafında kullanılan fontastic icon kütüphanesinin react native tarafı için paket halidir.

Kurulum

Npm veya yarn ile aşağıdaki şekilde yükleyebilirsiniz.

yarn add fontastic-icons

sonrasında aşağıdaki şekilde static fonts klasörünü eklemeliyiz.

cd static/fonts
cp ../../node_modules/fontastic-icons/assets/fonts/Tatilsepeti.ttf .

link komutunu çalıştırarak fontu projemize ekleyelim

yarn static:link

Kullanım

import FontasticIcons from 'fontastic-icons';

const Home = () => {
    return (
        <>
            <FontasticIcons name="rezervasyon" size={100} color="pink" />
        </>
    )
}

Yeni Font import etme

Fontastic tarafından export alındıktan sonra aşağıdaki şekilde mapper oluşturulabilir.

node mapper.js --input-file ./fonts/tatilsepeti.svg --output-folder ./assets/