Flask Lucide

A simple Tag ({% icon "name" %}) to implement Lucide Icons in Flask. This is completely copied of the library Flask Feather by TheTomcat This is largely based of the library django_feather by Jonas Drotleff.

Install

Install flask-lucide using pip.

pip install flask-lucide

Quick Start

Firstly, initialize the extension within your Flask context

from flask_lucide import Lucide
lucide = Lucide(app)

This extension also supports the Flask application factory pattern by allowing you to create a Lucide object and then initialized it separately for an app:

lucide = Lucide()


def create_app(config):
    app = Flask(__name__)
    app.config.from_object(config)

    lucide.init_app(app)

Advanced setup

In addition to the wonderful icons provided in the lucide set, you can supply your own svg icons, to attempt to parse them and use them in the same format. Simply initialize the extension with a directory containing .svg files that are similar in style to the lucide ones. They should resemble the lucide icon style as near as possible - any significant differences in formatting/structure may result in unexpected errors.

lucide = Lucide(import_dir='app\\static\\customsvg')


def create_app(config):
    app = Flask(__name__)
    app.config.from_object(config)

    lucide.init_app(app)

Usage

It's pretty simple to use this package. From within a jinja template:

<p>{{ lucide.icon('icon-name', width=32, height=32) }}</p>

If the property you're modifying has a hyphen, use an underscore instead. You can refer to icon names with either hyphens or underscores.

<p>{{ lucide.icon('icon-name', stroke_width=2) }}</p>

The icon function takes the SVG source from the Lucide project, applies additional attributes and return the SVG tag.

Performance

flask-lucide borrows the application structure from django-feather and does not read the .svg files each time an icon is rendered. Instead, on installation, all the icons are written to a .py file. All icons are rendered on the server side, avoiding the need to call feather.replace() after the page has loaded.

Any custom icons are parsed each time the server is restarted, and not every time they're loaded.

License

Lucide is licensed under the ISC License.

flask-lucide is a derivative work of flask-feather and django-feather, are licensed under the Apache License, Version 2.0:

    Modifications Copyright 2020 Tom Vos <tjvos1@gmail.com>
    
    Original Django-feather Copyright 2020 Jonas Drotleff <j.drotleff@desk-lab.de>
    
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at
    
       http://www.apache.org/licenses/LICENSE-2.0
    
    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.