Make a button with svg content

jsignell commented 5 years ago

I have an icon.svg that I downloaded and am storing next to my panel object.

I can render it using pn.Row like so:

I'd like to be able to use that svg as the contents of a button. Something like:

pn.widgets.Button('icons/baseline-search-24px.svg')

jbednar commented 5 years ago

Great idea. Is PNG already supported? If not I'd guess PNG support would be more urgent than SVG.

I don't see anything about graphical buttons on the Bokeh site, so presumably this would need a feature request there first (unless I missed it).

jsignell commented 5 years ago

I think only text is supported at the moment. I've never seen graphical buttons on bokeh either.

MarcSkovMadsen commented 5 years ago

I really would like that as well. It would be a very important building block for acceptable UX in an enterprise.

And it could be easy to use some icons like FontAwesome or similar than that would be really, really efficient and awesome.

MarcSkovMadsen commented 5 years ago

But in general for styling it would be really, really nice if it was acceptable

Enter HTML and Markdown as "text" input to Buttons and similar

button = pn.widgets.Button("<i class="fas fa-home"></i>Home")

Wrap panes and widgets into custom HTML

button = pn.widgets.Button()
template = """
<div class="card" style="width: 18rem;">
  <img src="..." class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    {button}
  </div>
</div>"""
button_in_card = pn.layout.Template(
    template=template,
    button=button,
)

xavArtley commented 5 years ago

May be not very user friendly but here is a small workaround https://discourse.bokeh.org/t/image-button/2363/4?u=xavier_artusi

MarcSkovMadsen commented 4 years ago

If you need this you can use the awesome_panel_extensions.widgets.ImageButton until something like that reaches Panel.

The implementation is here

https://github.com/MarcSkovMadsen/awesome-panel-extensions/blob/master/awesome_panel_extensions/widgets/link_buttons/image_link_button.py

MarcSkovMadsen commented 3 years ago

It's now relative easy to make this using ReactiveHTML.

class ImageButton(pn.reactive.ReactiveHTML):
    svg = param.String(doc="The SVG")
    clicks = param.Integer()
    value = param.Event()
    button_type = param.ObjectSelector(default='default', objects=BUTTON_TYPES)

    _template = """<button class="bk bk-btn bk-btn-${button_type}" type="button" id="pn_image_button" onclick="${_increment}">{{svg}}</button>"""

    def _increment(self, _):
        self.clicks+=1
        self.param.trigger('value')

which looks like

https://user-images.githubusercontent.com/42288570/132986213-bfe31711-1f82-465b-8d19-8c45bce94271.mp4

Example

import panel as pn
import param

pn.sizing_mode="stretch_width"

BUTTON_TYPES = ['default', 'primary', 'success', 'warning', 'danger']
class ImageButton(pn.reactive.ReactiveHTML):
    svg = param.String(doc="The SVG")
    clicks = param.Integer()
    value = param.Event()
    button_type = param.ObjectSelector(default='default', objects=BUTTON_TYPES)

    _template = """<button class="bk bk-btn bk-btn-${button_type}" type="button" id="pn_image_button" onclick="${_increment}">{{svg}}</button>"""

    def _increment(self, _):
        self.clicks+=1
        self.param.trigger('value')

# Remember to set height to 100% and remove fixed width
SVG="""
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" id="Layer_1" x="0px" y="0px" height="100%" viewBox="0 0 800 355" enable-background="new 0 0 800 355" xml:space="preserve">
<g>
    <g>
        <path d="M454.27,5.79c6.98-4.38,15.59-6.02,23.71-4.72c2.33,0.91,4,2.97,5.98,4.47c3.66,3.32,8.62,5.54,10.68,10.32    c5.85,11.68,2.92,25.09,2.61,37.57c-0.4,3.77,0.95,7.89-1.05,11.36c-3.27,6.56-7.79,12.87-14.28,16.55    c-3.6,1.93-6.58,4.78-10,6.98c10.89,1.23,18.7-8.2,28.95-9.84c3.38-3.98,6.74-8.77,12.12-10.04c5.95-0.89,10.95,3.36,14.3,7.8    c-0.65,3.96-1.89,7.87-4.6,10.92c1.28,6.89-1.22,14.02-6.34,18.73c-8.61,8.06-19.52,13.03-30.22,17.66    c-9.05,1.89-18.53,2.6-27.64,0.62c-5.63-1.4-11.61-1.63-16.86-4.28c-11.12-5.26-18.94-15.14-26.58-24.42    c-3.21-3.27-2.56-8.22-3.96-12.28c-2.77,3.08-4.38,7.22-3.64,11.39c1.03,7.53,5.45,15.31,1.82,22.83    c3.23,3.76,0.13,8.71-2.44,11.87c-4.5,3.34-10.24,6.43-16,4.99c-3.08-0.42-6.72-1.18-8.26-4.21c-2.92-9.25-3.96-19.04-3.05-28.69    c-2.78-1.43-6.07-0.7-9.07-1.1c0.13,7.04,1.56,14.24-0.22,21.17c-0.66,2.95-2.65,5.27-4.63,7.44c0.2,3.11-1.45,6.39-4.64,7.18    c-6.42,1.05-14.08-1.1-17.59-6.93c-3.05-7.39-0.42-15.94-3.86-23.22c-1.55-3.56-5.76-4.24-8.28-6.79    c-2.83-3.98-0.76-9.18-2.14-13.57c-1.05-2.45-4.24-1.94-6.29-1.28c-4.23,1.55-8.52,3.64-13.17,2.7c-2.34,4.1-1.55,9.04-1.5,13.54    c0.4,8.92,2.49,18.71-2.27,26.86c-5.05,7.73-16.07,12.96-24.72,7.95c-2.62-2.25-3.81-5.74-4.86-8.94    c-3.23-11.68-0.79-23.87-1.45-35.77c-5.34-2.67-11.33-0.7-16.95-1.8c-7.37-1.25-15.3-2.2-21.37-6.95    c-2.68-2.67-5.1-5.71-6.72-9.14c-1.97-4.69,0.85-9.56,2.65-13.82c1.92-4.35,6.77-5.81,11.02-6.79    c10.74-2.09,21.72,2.64,32.38-0.46c0.28-4.59,0.62-9.72,4-13.23c1.76-2.09,4.62-2.33,7.05-3.16c4.89-1.57,8.89-5.59,14.2-5.91    c3.87-0.03,6.52,3.73,7.32,7.16c0.48,4.62-1.88,9.53,0.79,13.84c7.47-4.53,17.65-0.98,24.19-7.45c1.95,0.11,4.72,1.29,5.99-0.84    c1.33-3.06,0.86-6.67,2.49-9.63c1.16-2.05,3.75-2,5.78-2.47c2.55-3.61,3.54-8.55,7.33-11.12c5.6-2.36,10.73,2.76,13.75,6.92    c1.79,7.83,2.11,16.11,0.23,23.95c4.75,4.15,1.49,10.56,2.17,15.83c0.59,3.45,4.73,3.14,7.37,3.33    c3.05-11.77-4.02-22.83-4.24-34.48c-0.1-6.04,2.66-12.66,8.31-15.43c3.06-1.66,3.26-5.97,6.36-7.6c3.19-1.7,6.96-1.14,10.31-0.26    c3.74,0.59,6.07,4.15,7.31,7.41c2.5,15.2-0.73,30.72,2.08,45.9c2.75-18.35,13.86-33.95,25.61-47.73    C440.13,11.78,447.74,9.67,454.27,5.79z M455.97,9.48c-6.93,5.54-11.48,13.32-16.37,20.58c-2.17,3.48-5.21,6.5-6.27,10.57    c-2.23,7.08-7.51,13.18-7.75,20.84c-0.23,3.34,1.81,6.12,2.9,9.11c1.25,5.62,0.9,11.5,2.35,17.09c0.39,1.99,2.16,3.18,3.44,4.6    c4.9,4.72,8.31,11.09,14.4,14.48c2.82,1.67,6.15,1.87,9.34,1.7c3.1-0.27,5.91,1.37,8.95,1.59c6.51,0.52,12.75-1.78,18.98-3.29    c2.29-0.63,4.85-0.86,6.68-2.55c5-4.23,10.84-7.24,16.36-10.7c6.35-3.76,12.5-9.34,13.3-17.11c-2.68-1.55-5.21-3.54-8.28-4.25    c-4.84,1.56-6.44,7.07-10.38,9.83c-2.26,0.61-4.62,0.68-6.87,1.3c-9.14,2.67-16.18,10.33-25.82,11.62    c-4.83,0.9-9.35-1.52-13.97-2.52c-4.01-1.08-8.74-3.29-9.49-7.87c-0.68-3.03-1.69-7.33,1.57-9.23c4.37-0.15,8.86,0.77,13.15-0.59    c11.49-3.03,19.34-12.62,26.71-21.28c1.59-2.14,4.23-3.92,4.26-6.84c0.48-5.33,1.04-10.67,1.05-16.02    c0.25-6.45-3.68-11.93-4.92-18.08c-4.73-1.17-7.49-5.47-11.54-7.76C470.32,2.42,461.93,4.66,455.97,9.48z M389.54,16.15    c-1.35,0.99-0.52,2.92-0.65,4.31c1.36,15.63-1.68,31.6,2.25,46.99c-4.39,4.54-11.09,5.1-17.04,4.62    c-3.22-0.37-6.87-2.18-7.47-5.68c-1.32-6.64,0.81-13.8-2.46-20.07c4.64-7.73-1.15-15.91-1.88-23.83    c-3.06,0.07-7.83,1.04-7.69,4.95c-0.06,13.68,2.24,27.51-0.56,41.07c-0.74,3.23-4.18,4.58-6.55,6.44    c-3.18,1.95-5.06,5.78-5.12,9.42c1.39,3.82,6.36,4.13,8.7,7.12c2.48,8.77,4.06,17.85,4.25,26.99c1.09,3.22,4.73,4.98,8.04,4.76    c1.44-2.37,3.04-4.78,3.42-7.59c1.09-6.74-1.64-13.41-0.86-20.16c0.41-3.22,1.8-6.49,4.36-8.56c3.89-0.6,8.02,0.34,11.72-1.34    c3.22-1.72,7.92,0.19,8.42,3.98c0.72,4.93-0.51,10.12,1.57,14.84c1.55,3.81-0.8,9.2,2.97,11.96c3.85,0.71,9.28,1.11,11.43-2.98    c0.72-8.85-4.57-17.28-2.56-26.15c0.76-4.06,3.65-7.17,5.34-10.82c1.32-2.63-0.7-5.05-2.01-7.18c-3.08-4.67-4.2-10.33-4.49-15.84    c-0.57-11.29,1.8-22.66-0.13-33.89C401.6,13.78,393.33,12.28,389.54,16.15z M297.41,34.91c-2.46,1.71-5.41,2.48-7.94,4.04    c-2.43,3.58-0.04,8.14-0.94,12.11c-1.55,3.29-4.83,5.62-8.38,6.26c-6.4,1.2-12.81-0.7-19.22-0.77c-5.62,0.2-11.77-1.69-16.71,1.94    c-0.78,2.31-2.25,4.51-2.24,7.01c1.2,2.87,4.1,4.69,6.67,6.26c3.38,2.17,7.53,0.68,11.17,1.94c7.46,2.17,15.48-0.38,22.88,2.11    c2.5,1.06,5.65,2.72,5.82,5.79c1.3,12.24,1.88,24.67,0.28,36.91c-0.19,4.1,2.25,7.7,5.48,9.99c2.54-1.33,5.35-2.3,7.5-4.25    c1.62-1.46,1.32-3.79,1.46-5.75c0.16-9.35,1.49-18.75,0.25-28.08c-0.46-3.66-1.97-7.22-1.52-10.96c0.32-3.07,2.69-6.23,6-6.3    c11.13-0.97,22.64-5.21,29.93-14.01c1.5-3.93,1.2-8.74-1.78-11.92c-5.9,1.13-11.35,3.71-17,5.62c-4.97,1.82-10.82,2.01-15.29-1.17    c-0.18-1.44-0.4-2.88-0.66-4.3c1.65-4.48-0.76-8.97-0.79-13.5C300.64,33.74,298.84,33.77,297.41,34.91z"/>
    </g>
    <g>
        <path d="M461.34,24.81c3.48-2.92,8.38-5.66,12.95-3.65c5.24,2.74,7.88,9.69,5.61,15.2c-2.67,6.57-7.97,11.66-10.69,18.23    c-5.45,0.69-9.9,4.37-15.26,5.29c-3.2,0.32-7.79-1.56-7.48-5.38c0.17-7.03,5.32-12.51,7.04-19.11    C454.51,30.92,458.1,27.76,461.34,24.81z M452.28,52.48c1.02,1.26,2.26,3.51,4.24,2.52c4.14-2.09,7.34-6.5,12.48-5.98    c1.62-4.52-4.16-5.47-6.99-7.17C457.21,43.97,457.41,50.73,452.28,52.48z"/>
    </g>
    <g>
        <path d="M126.5,87.18c5.41-1.13,10.91-2.34,16.48-1.8c10.76,0.81,21.95,0.64,32.05,4.97c4.34,1.72,7.68,5.16,11.91,7.08    c9.29,4.1,16.13,13.83,16.08,24.09c0.53,7.25,1.12,15.72-4.77,21.12c0.03,2.93,0.45,5.89,0.07,8.82    c-0.38,2.56-3.16,3.36-5.25,4.03c-7.2,2-15.03,3.45-22.34,1.2c-4.93-1.53-9.09-5.7-9.4-11.03c-0.79-3.79-1.02-10.34-6.31-10.24    c-15.43-0.49-31.78-0.79-45.93,6.3c-4.53,2.1-9.55,2.84-14.11,4.88c-4.38,1.95-9.4,1.29-13.78,3.24    c-9.98,4.09-19.9,9.52-26.57,18.24c-4.4,5.52-5.84,12.68-7.14,19.42c1.49,2.35,4.18,3.53,6.1,5.48c1.62,1.33,1.28,3.65,1.68,5.5    c13.1,10.82,24.75,24.28,41.14,30.21c1.02,1.16,2.17,2.24,3.66,2.75c18.8,7.41,34.08,21.38,52.63,29.29    c12.8,4.52,23.11,13.7,33.7,21.87c5.95-17.42,4.9-36.04,5.19-54.15c-0.01-4.75-2.06-9.22-1.98-13.98    c0.01-5.68,0.94-11.58,3.8-16.56c2.76-3.5,7.12-5.13,10.97-7.13c0.84,0.52,1.69,1.03,2.54,1.55c1.41-1.33,2.81-2.67,4.21-4.01    c5.26-0.34,11.09,0.07,15.17,3.83c2.56,1.99,3.54,5.17,4.25,8.2c1.4,5.81,4.21,11.25,4.89,17.24c0.62,4.38-1.74,8.58-0.96,12.97    c1.03,8.55,1.83,17.36-0.2,25.84c-0.34,3.44-4.07,7.14-1.02,10.22c0.79-1.89,1.52-3.82,2.05-5.8    c4.77-18.48,5.14-38.19,13.22-55.74c1.86-4.5,5.99-7.83,10.63-9.12c2.59-0.65,5.18,0.75,7.79,0.39c3.81-1.9,5.23-6.9,9.47-8.14    c7.3-1.77,14.92,0.9,21.08,4.78c5.19,4.39,4.51,12.12,8.53,17.35c1.9-6.22,5.28-12.47,11.27-15.55c1.92-1.22,3.87,0.54,5.69,1.12    c2.56-2.23,4.75-4.87,7.48-6.91c1.21-1,2.9-1.08,4.18-0.14c3.91,2.22,8.7,2.77,12.08,5.92c2.54,2.31,5.29,5.06,5.51,8.71    c1.06,10.08-2.38,20.74,2.11,30.35c4.42-2.75,9.78-3.23,14.3-5.7c2.37-1.36,1.68-4.37,1.55-6.61    c-1.26-11.51-1.39-24.32,5.56-34.19c4.83-7.06,13.21-9.98,20.66-13.37c8.24-3.41,17.63-6.11,26.44-3.35    c12.85,5.28,20.87,17.63,26.77,29.61c3.01-13.31,15.1-23.44,28.28-25.8c5.56-1.1,9.94-4.98,15.21-6.85    c9.61-4.07,19.72-10.78,30.58-7.6c7.14,3.96,9.86,12.43,11.2,19.98c-1.12,1.79-2.54,3.49-3.04,5.58c0.79,1.83,2.18,3.33,3.12,5.08    c0.64,2.22-0.05,4.55-0.18,6.8c-5.08,3.08-11.02,4.03-16.85,4.41c-6.87,0.35-13.41,2.62-20.18,3.6c-2.11,0.11-3,2.07-3.92,3.65    c3.9,2.96,5.2,7.78,7.82,11.66c4.77,4.89,9.64,9.7,14.25,14.75c6.87-10.11,10.22-23.08,20.53-30.51    c6.96-5.15,16.11-4.37,24.13-2.87c2.92,1.21,5.17,3.66,8.24,4.59c7.2,2.61,15.32,4.3,20.68,10.23c4.27,4.4,4.36,10.9,6.3,16.4    c2.84-6.52,7.42-13.76,15.14-14.7c5.18-0.62,9.97-3,15.17-3.44c3.29-0.36,5.48,2.36,7.39,4.58c4.45,1.01,8.55,3.02,12.52,5.22    c1.16-3.59,1.71-7.76-0.32-11.15c-2.91-4.33-7.69-7.19-9.96-11.99c-1.3-2.76-0.84-6.1,1.1-8.43c4.38-5.8,8.51-11.79,11.68-18.35    c1.84-3.81,7.19-7.27,11.11-4.29c9.82,6.69,14.3,18.19,20.31,27.96c2.96-7.43,7.09-14.3,11-21.25    c13.99-20.04,39.51-32.49,63.98-27.85c7.64,1.9,13.24,7.87,18.93,12.93c-0.21,7.66,1.52,15.39-0.03,22.98    c-0.51,3.02-2.61,5.36-4.59,7.54c2.61,3.19,0.5,7.29,0.46,10.93c-4.24,3.69-7.48,9.95-13.67,10.32c-4.7-0.61-9.13-3.05-12.7-6.1    c-3.08-2.71-1.69-7.27-3.43-10.61c-1.41-0.41-2.77,0.14-4.04,0.65c-5.2,2.17-10.88,3.53-15.22,7.35    c1.72,6.25,6.47,10.93,11.55,14.66c3.68,2.61,6.8,6.04,10.94,7.96c3.1,1.56,6.55,2.64,9.14,5.05c1.9,1.7,1.88,4.43,2.4,6.75    c1.62,1.92,3.65,3.78,4.13,6.37c0.64,3.44,0.07,6.98-0.68,10.36c-0.97,4.85-5.3,8.52-5.11,13.68c0.25,6.25-2.7,12.02-6.21,16.98    c-7.29,9.89-18.63,15.6-29.75,20.13c-6.18,2.32-12.21,5.59-18.96,5.79c-8.57,0.68-18.17-0.23-24.86-6.17    c-3.44-4-5.83-9.34-5.71-14.65c2.89-5.16,8.05-9.37,14.22-9.31c0.94-1.92,1.62-4.34,3.83-5.19c3.88-1.72,8.25-1.96,12.11-3.76    c3.75-1.75,7.91-3.13,10.83-6.2c3.62-3.9,1.87-10.09-1.21-13.78c-5.74-6.48-14.47-9.3-20.24-15.77c-2.23-2.47-3.4-5.64-4.92-8.55    c-1.44,3.73-0.21,7.7-0.06,11.54c0.49,8.04,0.51,16.57-3.11,23.97c-1.71,3.78-5.49,5.86-8.13,8.89    c-3.98,4.28-6.91,9.98-12.51,12.42c-2.62,0.94-6.08,1.82-8.26-0.46c-6.02-5.13-9.48-12.43-14.14-18.68    c-5.25,5.67-9.29,12.58-16,16.74c-1.15,2.67-2.68,5.39-5.51,6.57c-3.73,1.66-8.34,3.99-12.21,1.43    c-5.36-2.69-6.12-9.54-5.11-14.82c1.49-7.47,5.64-14.9,3.06-22.66c-1.61,2.5-2.78,5.23-3.8,8.01c-1.4,4.19-5.4,6.62-7.86,10.12    c-5.07,6.46-8.88,14.8-16.85,18.2c-3.17,1.58-6.23,3.55-9.79,4.08c-6.72,1.17-13.9,2.06-20.46-0.34    c-4.34-1.52-7.54-4.94-10.87-7.94c-5.99-5.17-8.28-13.02-12.17-19.65c0.13,3.82,0.2,8.03-2.38,11.15    c-4.92,6.21-12.92,8.4-19.39,12.52c-11.92,8.14-27.56,7.91-40.98,4.09c-4.1-1.38-8.71-2.17-12.04-5.12    c-3.56-4.24-3.07-10.28-3.1-15.48c0.94-7.53,8.11-12.13,14.77-14.28c1.02-1.44,1.91-3.21,3.74-3.75c4.5-1.81,9.23-2.95,13.81-4.52    c0.24-3.1-0.36-6.15-1.84-8.88c-8.2-1.87-13.4-8.84-17.92-15.35c-1.8,7.72-0.26,16.73-5.55,23.27c-1.43,2.15-4.09,2.38-6.39,2.85    c-3.63,0.68-6.36,3.59-10,4.23c-8.83,1.55-17.47,4.75-26.56,4.12c-1.98,8.13-1.25,17.03-5.36,24.54    c-5.49,9.49-21.09,9.73-27.13,0.67c-5.88-7.5-0.35-17.72-4.22-25.83c-1.92-3.76-6.47-4.28-10.14-5.07    c-2.61,5.31-2.87,11.25-3.14,17.04c0.01,5.89-3.79,10.97-3.51,16.9c0.19,3.59-1.16,6.98-3.81,9.41c-0.13,0.6-0.37,1.8-0.5,2.4    c-4.74,2.32-10.21,3.51-15.32,1.58c-7.13-2.19-12.72-8.48-13.77-15.92c-1.87-12.14,3.32-23.86,3.41-35.96    c-4.38,6.63-6.21,14.85-11.9,20.59c-2.68,2.85-6.56,3.92-10.27,4.66c-4.87-3.22-11.22-4.81-14.07-10.39    c-4.7,5.64-2.63,14.56-9.06,19.05c-1.43,6.04-5.1,11.93-10.85,14.63c-6.34,1.42-12.29-2.31-18.29-3.78    c-5.27-4.25-8.02-10.76-12.33-15.89c-3.55,5.35-4.49,12.79-10.79,15.86c-0.1,2.01,0.19,4.3-1.33,5.89    c-2.3,2.65-4.66,5.49-7.82,7.13c-5.14,1.81-10.64-0.15-15.54-1.85c-2.84-0.89-4.45-4.33-7.57-4.33c-4,5-2.85,13.15-9.1,16.6    c-0.61,3.56-1.22,7.23-3.13,10.36c-3.93,6.73-10.8,11.02-17.63,14.34c-10.96,5.1-22.29,10.27-34.6,10.62h-0.51    c-4.85-0.28-9.6-1.24-14.34-2.18c-22.72-3.87-46.04,0.47-68.68-4.09c-6.86-1.27-13.27-4.1-19.84-6.32    c-4.77-1.68-9.49-4.88-11.04-9.93c-1.6-5.22-3.68-10.83-2.19-16.3c3.24-6.93,10.47-11.78,18.16-11.95    c6.97-6.45,17.48-9.61,26.56-6.08c8.94,3.41,18.51,5.69,28.13,5.01c4.73-0.25,9.23-2.24,14.01-1.9    c11.77,0.38,23.55,0.92,35.31,0.2c0.83-0.78,1.67-1.55,2.5-2.32c-13.2-8.48-28.34-13-42.44-19.63c-3.73-1.7-6.54-4.76-9.82-7.13    c-7.58-5.55-16.13-9.62-23.68-15.22c-3.08-2.23-5.77-4.94-8.91-7.08c-14.38-9.59-29.55-18.92-40.21-32.84    c-5.27-6.69-8.72-14.77-9.76-23.23v-6.38c0.49-6.99,3.11-13.53,5.53-20.02c2.06-5.33,4.53-10.58,8.1-15.07    c2.77-3.55,6.83-5.93,9.13-9.88c3.96-6.33,10.94-9.64,16.06-14.86c3.72-3.91,8.82-5.93,13.37-8.66    C75.69,106.28,99.76,92.76,126.5,87.18z M92.88,102.32c-16.98,7.23-32.72,16.97-48.31,26.76c-2.43,1.35-3.08,4.27-4.73,6.32    c-4.32,5.68-11.01,8.98-15.35,14.64c-1.05,1.24-1.1,2.92-1.44,4.43c-1.07,6.92-4.69,13.11-5.93,19.98    c-0.78,4.58-0.43,9.69,2.41,13.55c3.7,5.28,4.25,12.23,8.9,16.94c0.54,6.42,7.69,7.66,11.46,11.65c2.32,2.49,5.73,3.46,8.21,5.75    c4.29,3.8,7.75,8.61,12.88,11.37c2.28,0,4.76-0.23,6.77,1.07c4.48,2.71,6.57,8.06,11.22,10.58c18.26,10.61,38.51,17.6,55.92,29.73    c3.16-0.35,6.6-0.71,9.47,0.99c6.08,3.43,8.87,10.66,15.12,13.87c2.14,1.17,4.91,1.43,6.42,3.55c1.44,1.72,3.98,4.54,1.64,6.57    c-6.16,2.85-12.85,4.35-19.63,4.29c-3.36-0.23-6.68-1.09-10.06-1c-2.98,0.66-5.71,2.13-8.72,2.66c-13.94,2.76-28.13-1.7-42.1,0.64    c-11.28,2.33-22.78-0.49-33.57-3.79c-7.01-1.52-15.02-1.39-21.08,2.91c-0.35,4.96-2.04,11.29,2.12,15.13    c11.33,6.96,24.86,8.5,37.68,10.94c4.92,1.05,10,0.7,14.97,1.41c7.3,1,14.48,2.77,21.83,3.42c5.16,0.89,9.87-2.29,15.02-1.83    c6.61-0.33,13.92,1.97,20.04-1.28c7.86-6.66,19.04-4.55,27.77-9.21c11.41-7.61,17.52-22.5,13.93-35.87    c-0.29-1.21-1.64-1.62-2.46-2.38c-2.12-1.18-2.87-3.72-4.88-5.02c-25.79-18.72-55.37-31.09-82.63-47.37    c-7.64-3.37-14.85-7.64-21.8-12.23c-6.21-7.12-14.56-12.02-20.41-19.47c-2.07-2.41-2.4-6.05-5.16-7.87    c-6.37-4.78-6.74-13.47-8.48-20.6c0.14-5.51,1.77-11.01,3.89-16.09c2.03-4.89,6.56-8.19,11.62-9.41c1.47-2.49,3.06-5.03,5.53-6.65    c6.32-4.32,14.48-4.11,21.07-7.82c2.56-1.45,4.3-4.13,7.2-4.99c12.42-4.13,24.84-8.44,37.71-11c16.11-3.3,33.58-3.89,48.87,3.02    c2.93,1.51,7,1.15,9.06,4.11c2.32,3.67,0.55,8.54,2.73,12.24c4.1,3.57,11.61,0.06,11.54-5.47c0.16-5.66,0.04-11.45-1.12-17    c-3.66-10.25-15.16-13.33-23.62-18.43c-5.31-3.96-12.29-2.8-18.26-4.94c-4.19-1.57-8.71-1.12-13.09-0.98    C125.73,90.89,108.75,95.46,92.88,102.32z M731.74,159.33c-15.271,7.02-29.18,19.42-33.79,36.07c-4.65,10.26-1.96,21.9,2.01,31.91    c2.66,0.83,5.4,1.8,7.47,3.76c4.3,3.62,6.98,9.19,12.34,11.49c4.25,1.74,8.39,4.19,11.2,7.91c1.99,2.69,2.86,6.78,0.63,9.59    c-4.13,5.98-10.84,9.49-17.53,11.85c-3.32,1.24-6.99,1.71-9.89,3.88c-4.5,3.26-10.39,3.13-15.19,5.73    c-4.99,2.53-3.44,10.71,1.33,12.62c6.12,3.17,12.75-0.55,18.74-2.2c3.46-1.31,7.57-0.29,10.66-2.64    c13.14-8.3,27.93-16.63,34.39-31.59c2.51-5.23-0.6-10.67-3.19-15.16c-1.85-2.81-2.26-6.69-5.33-8.54    c-10.96-7.87-23.7-14.45-30.8-26.42c4.25-6.26,2.32-14.98,7.68-20.62c2.85-3.19,5.73-6.46,9.43-8.7    c6.03-3.87,13.16-5.4,20.17-6.39c6.38,3.25,3.25,11,5.09,16.54c3.79,0.61,8.31,1.5,11.54-1.21c1.93-1.33,0.77-3.83,0.87-5.72    c-0.56-5.96,1.34-12.14-0.62-17.94c-1.59-4.68-6.7-6.63-11.12-7.52c-5.69,0-10.96-3.2-16.74-2.05    C737.13,154.08,735.18,158.04,731.74,159.33z M474.09,185.61c-5.75,4.27-7.99,11.95-7.37,18.85c0.81,8.95,5.27,17.01,9.72,24.64    c8.98,3.46,15.04,11.94,17.55,20.99c-9.38,8.34-23.48,3.63-33.44,10.7c-0.37,4.69-1.12,9.75,1.03,14.14    c1.06,2.04,2.78,4.38,5.36,4.24c10.3,0.56,20.92,0.43,30.77-2.98c5.69-2.04,11.24-5.24,14.94-10.12    c1.77-7.51,3.64-15.77,1.05-23.31c-6.67-12.1-18.56-20.38-25-32.66c2.56-4.15-0.08-9.1,1.48-13.37c2.37-1.97,5.37-3.2,7.36-5.72    c9.05-7.24,21.92-4.66,31.64-10.57c-0.2-2.86,0.22-5.84-0.68-8.6c-1.6-3.14-3.68-6.75-7.51-7.33c-4.18-0.73-8.55-0.81-12.74-0.1    C495.97,169.86,484.63,177.31,474.09,185.61z M402.05,178.6c-1.59,1.08-3.6,1.64-4.73,3.28c-9.66,12.97-12.68,29.58-12.53,45.44    c-4.18,2.57-9.08,3.09-13.77,4.07c-1.83,0.3-3.97,2.08-3.23,4.12c0.97,3.28,2.6,6.57,1.26,10.02c3.9,2.33,10-0.34,12.41,4.35    c2.93,7.88,1.84,17.16,6.64,24.35c3.24-0.08,7.05,0.45,9.59-2.04c2.65-2.88,2.27-7.12,2.1-10.74c-0.46-6.12-1.42-12.85,2.26-18.24    c13.16,1.84,25.81-2.9,38.58-5.14c2.26-3.89,5.87-6.87,7.72-11c1.01-2.25-0.15-4.56-0.92-6.66c3.07-9.77-4.45-18.09-6.22-27.28    c-3.34-5.4-7.67-10.29-12.61-14.3c-5.43-4.4-12.74-5.85-19.56-4.94C406.3,174.75,404.45,177.15,402.05,178.6z M652.61,177.11    c-1.03,2.89-2.35,5.65-3.54,8.46c-0.61,2.76,2.65,4.08,4.29,5.69c-0.17,1.6-0.34,3.2-0.51,4.81c7.11,6.92,8.49,17.15,10.18,26.43    c-4,4.96-0.04,11.82-3.14,17.02c-1.56,2.86-5.44,2.07-7.87,0.93c-6.37-3.56-7.71-12.43-14.74-15.21    c-4.42-1.3-9.91-1.33-12.44-5.92c-3.41,0.56-4.8,4.03-6.29,6.71c-1.57,3.32-0.8,6.99,0.64,10.2c-1.99,7.41-4.56,15.17-2.37,22.88    c-2.82,6.08-2.82,12.88-3.11,19.44c6.91,0.62,11.49-5.18,15.21-10.09c4.16-4.9,4.76-11.7,8.75-16.71    c3.99,3.68,7.42,8.06,12.06,10.98c2.95,1.88,6.7,2.84,10.13,1.82c7.24-2.95,12.66-9.56,14.67-17.06    c3.64-13.07,0.77-26.69,0.54-39.99c-0.16-2.91,0.47-6.08-1.24-8.66c-4.59-8.37-7.42-18.81-16.36-23.73    C655.63,173.38,653.28,175.21,652.61,177.11z M279.73,192.2c-7.21,2.96-9.1,11.24-12.84,17.27c-3.68,4.75,0.16,11.03-3.03,16.05    c-1.26,15.76-6.17,31.15-5.69,47.05c1.36,6.04,8.3,7.58,13.5,8.81c6.47-5.63,8.37-14.75,7.2-22.95c3.65-4.17,1.05-9.38-0.02-13.98    c-1.02-3.38,2.58-5.74,2.43-9.03c0.25-5.57,0.53-12.56,6.49-15.14c3.56,3.72,2.46,9.07,2.14,13.7c6.92,4.13,6.21,13.2,10.58,19.13    c2.78,3.9,9,4.89,12.5,1.4c2.99-3.13,4.85-7.15,7.63-10.46c3.21-4.06,5-9.94,10.37-11.69c2.98-1.22,4.43,2.45,6.11,4.17    c0.36,9.96,1.31,20.05-0.66,29.91c-0.65,3.41-2.06,6.63-2.6,10.06c-0.41,3.62,0.85,7.42,3.36,10.07c4.09,1.49,7.43-2.19,10.04-4.8    c2.61-1.98,1.67-5.54,2.12-8.35c0.75-11.6,4.65-23.41,1.7-34.96c-5.4-11.59-2.28-24.62-4.11-36.83    c-2.55-5.53-8.94-7.55-14.45-8.75c-4.66,5.1-7.06,11.66-10.37,17.61c-1.53,2.99-4.61,5.34-4.55,8.96    c-0.47,5.02-0.57,11.42-5.58,14.23c-3.66-1.52-4.08-5.78-5.38-9c-3.17-8.24-6.87-16.28-9.37-24.76    C294.06,193.82,286.26,191.04,279.73,192.2z M213.45,192.96c-3.86,4.43-2.85,10.79-1.72,16.06c1.31,5.74,2.45,12.17-0.92,17.46    c1.44,11.53,0.15,23.16-2.09,34.5c-0.6,3.95-2.09,7.92-1.3,11.96c0.99,5.37,0.05,11.03,2,16.22c0.41,1.11,0.92,2.45,2.32,2.51    c4.07,0.76,8.61,1.02,12.34-1.08c4.28-3.67,5.19-9.83,4.49-15.16c-0.76-6.68-2.54-13.83,0.71-20.17    c-1.74-8.58,3.83-17.47-0.48-25.68c3.68-6.71,1.23-14.32-1.19-20.98c-1.82-4.32-0.87-9.72-4.48-13.2    C220.93,192.56,216.72,191.09,213.45,192.96z M544.58,214.13c-2.79,6.45-1.34,13.78-3.54,20.37c-1.14,3.79-4.04,6.64-7.27,8.74    c-2.3,12.26,2.19,25.69,12.2,33.33c7.021,3.94,15.37,1.73,23,1.92c3.87,0.55,6.84-2.23,9.97-3.98    c5.15-3.31,11.12-6.53,13.48-12.56c3.76-8.82,1.79-18.68-1.01-27.46c-0.85-8.15-5.75-15.21-12.11-20.13    c-9,0.03-15.3-8.49-24.29-8.4C550.51,206.75,546.46,209.96,544.58,214.13z"/>
    </g>
    <g>
        <path d="M410.53,192.98c3.23-4.3,10.28-3.28,13.23,0.84c3.77,5.12,4.37,12.2,9.42,16.45c4.81,3.12,2.77,11.85-2.92,12.51    c-6.1,0.98-12.25,1.72-18.3,2.97c-3.24,0.76-6.54,0.19-9.66-0.76c-2.12-6.93,4.36-13.04,2.1-19.96    C406.92,201.25,407.83,196.63,410.53,192.98z M406.76,215.96c-0.83,1.69-2.47,4.91,0.35,5.64c4.06,0.6,8.07-0.89,12.09-1.32    c-0.03-7.31-4.83-13.12-8.04-19.29C407.87,205.38,409.37,211.3,406.76,215.96z"/>
    </g>
    <g>
        <path d="M556.15,231.76c5.74-3.67,14.62-4.34,19.47,1.16c3.04,4.09,4.72,9.47,3.68,14.55c-4.73,2.13-3.73,7.77-5.51,11.75    c-1.49,2.93-5.13,2.2-7.81,2.39c-4.2,0.02-8.45,1.51-12.6,0.43c-2.42-0.71-3.53-3.25-3.66-5.57    C548.74,247.76,552.57,239.45,556.15,231.76z M555.37,257.6c4.32,0.91,8.79,0.64,13.15,0.24c1.6-0.25,1.73-2.17,2.3-3.35    c-2.19-0.87-4.9-1.61-5.73-4.12c-1.59-4.39-0.9-10.36-5.82-12.77C554.42,243.01,553.19,250.77,555.37,257.6z"/>
    </g>
</g>
<g>
    <g>
        <path fill="#ED3133" d="M455.97,9.48c5.96-4.82,14.35-7.06,21.78-4.78c4.05,2.29,6.81,6.59,11.54,7.76    c1.24,6.15,5.17,11.63,4.92,18.08c-0.01,5.35-0.57,10.69-1.05,16.02c-0.03,2.92-2.67,4.7-4.26,6.84    c-7.37,8.66-15.22,18.25-26.71,21.28c-4.29,1.36-8.78,0.44-13.15,0.59c-3.26,1.9-2.25,6.2-1.57,9.23    c0.75,4.58,5.48,6.79,9.49,7.87c4.62,1,9.14,3.42,13.97,2.52c9.64-1.29,16.68-8.95,25.82-11.62c2.25-0.62,4.61-0.69,6.87-1.3    c3.94-2.76,5.54-8.27,10.38-9.83c3.07,0.71,5.6,2.7,8.28,4.25c-0.8,7.77-6.95,13.35-13.3,17.11c-5.52,3.46-11.36,6.47-16.36,10.7    c-1.83,1.69-4.39,1.92-6.68,2.55c-6.23,1.51-12.47,3.81-18.98,3.29c-3.04-0.22-5.85-1.86-8.95-1.59c-3.19,0.17-6.52-0.03-9.34-1.7    c-6.09-3.39-9.5-9.76-14.4-14.48c-1.28-1.42-3.05-2.61-3.44-4.6c-1.45-5.59-1.1-11.47-2.35-17.09c-1.09-2.99-3.13-5.77-2.9-9.11    c0.24-7.66,5.52-13.76,7.75-20.84c1.06-4.07,4.1-7.09,6.27-10.57C444.49,22.8,449.04,15.02,455.97,9.48z M461.34,24.81    c-3.24,2.95-6.83,6.11-7.83,10.58c-1.72,6.6-6.87,12.08-7.04,19.11c-0.31,3.82,4.28,5.7,7.48,5.38c5.36-0.92,9.81-4.6,15.26-5.29    c2.72-6.57,8.02-11.66,10.69-18.23c2.27-5.51-0.37-12.46-5.61-15.2C469.72,19.15,464.82,21.89,461.34,24.81z"/>
    </g>
    <path fill="#ED3133" d="M389.54,16.15c3.79-3.87,12.06-2.37,13,3.36c1.93,11.23-0.44,22.6,0.13,33.89   c0.29,5.51,1.41,11.17,4.49,15.84c1.31,2.13,3.33,4.55,2.01,7.18c-1.69,3.65-4.58,6.76-5.34,10.82c-2.01,8.87,3.28,17.3,2.56,26.15   c-2.15,4.09-7.58,3.69-11.43,2.98c-3.77-2.76-1.42-8.15-2.97-11.96c-2.08-4.72-0.85-9.91-1.57-14.84c-0.5-3.79-5.2-5.7-8.42-3.98   c-3.7,1.68-7.83,0.74-11.72,1.34c-2.56,2.07-3.95,5.34-4.36,8.56c-0.78,6.75,1.95,13.42,0.86,20.16c-0.38,2.81-1.98,5.22-3.42,7.59   c-3.31,0.22-6.95-1.54-8.04-4.76c-0.19-9.14-1.77-18.22-4.25-26.99c-2.34-2.99-7.31-3.3-8.7-7.12c0.06-3.64,1.94-7.47,5.12-9.42   c2.37-1.86,5.81-3.21,6.55-6.44c2.8-13.56,0.5-27.39,0.56-41.07c-0.14-3.91,4.63-4.88,7.69-4.95c0.73,7.92,6.52,16.1,1.88,23.83   c3.27,6.27,1.14,13.43,2.46,20.07c0.6,3.5,4.25,5.31,7.47,5.68c5.95,0.48,12.65-0.08,17.04-4.62c-3.93-15.39-0.89-31.36-2.25-46.99   C389.02,19.07,388.19,17.14,389.54,16.15z"/>
    <path fill="#ED3133" d="M297.41,34.91c1.43-1.14,3.23-1.17,4.97-1.03c0.03,4.53,2.44,9.02,0.79,13.5c0.26,1.42,0.48,2.86,0.66,4.3   c4.47,3.18,10.32,2.99,15.29,1.17c5.65-1.91,11.1-4.49,17-5.62c2.98,3.18,3.28,7.99,1.78,11.92c-7.29,8.8-18.8,13.04-29.93,14.01   c-3.31,0.07-5.68,3.23-6,6.3c-0.45,3.74,1.06,7.3,1.52,10.96c1.24,9.33-0.09,18.73-0.25,28.08c-0.14,1.96,0.16,4.29-1.46,5.75   c-2.15,1.95-4.96,2.92-7.5,4.25c-3.23-2.29-5.67-5.89-5.48-9.99c1.6-12.24,1.02-24.67-0.28-36.91c-0.17-3.07-3.32-4.73-5.82-5.79   c-7.4-2.49-15.42,0.06-22.88-2.11c-3.64-1.26-7.79,0.23-11.17-1.94c-2.57-1.57-5.47-3.39-6.67-6.26c-0.01-2.5,1.46-4.7,2.24-7.01   c4.94-3.63,11.09-1.74,16.71-1.94c6.41,0.07,12.82,1.97,19.22,0.77c3.55-0.64,6.83-2.97,8.38-6.26c0.9-3.97-1.49-8.53,0.94-12.11   C292,37.39,294.95,36.62,297.41,34.91z"/>
    <path fill="#ED3133" d="M92.88,102.32c15.87-6.86,32.85-11.43,50.17-12.18c4.38-0.14,8.9-0.59,13.09,0.98   c5.97,2.14,12.95,0.98,18.26,4.94c8.46,5.1,19.96,8.18,23.62,18.43c1.16,5.55,1.28,11.34,1.12,17c0.07,5.53-7.44,9.04-11.54,5.47   c-2.18-3.7-0.41-8.57-2.73-12.24c-2.06-2.96-6.13-2.6-9.06-4.11c-15.29-6.91-32.76-6.32-48.87-3.02   c-12.87,2.56-25.29,6.87-37.71,11c-2.9,0.86-4.64,3.54-7.2,4.99c-6.59,3.71-14.75,3.5-21.07,7.82c-2.47,1.62-4.06,4.16-5.53,6.65   c-5.06,1.22-9.59,4.52-11.62,9.41c-2.12,5.08-3.75,10.58-3.89,16.09c1.74,7.13,2.11,15.82,8.48,20.6c2.76,1.82,3.09,5.46,5.16,7.87   c5.85,7.45,14.2,12.35,20.41,19.47c6.95,4.59,14.16,8.86,21.8,12.23c27.26,16.28,56.84,28.65,82.63,47.37   c2.01,1.3,2.76,3.84,4.88,5.02c0.82,0.76,2.17,1.17,2.46,2.38c3.59,13.37-2.52,28.26-13.93,35.87c-8.73,4.66-19.91,2.55-27.77,9.21   c-6.12,3.25-13.43,0.95-20.04,1.28c-5.15-0.46-9.86,2.72-15.02,1.83c-7.35-0.65-14.53-2.42-21.83-3.42   c-4.97-0.71-10.05-0.36-14.97-1.41c-12.82-2.44-26.35-3.98-37.68-10.94c-4.16-3.84-2.47-10.17-2.12-15.13   c6.06-4.3,14.07-4.43,21.08-2.91c10.79,3.3,22.29,6.12,33.57,3.79c13.97-2.34,28.16,2.12,42.1-0.64c3.01-0.53,5.74-2,8.72-2.66   c3.38-0.09,6.7,0.77,10.06,1c6.78,0.06,13.47-1.44,19.63-4.29c2.34-2.03-0.2-4.85-1.64-6.57c-1.51-2.12-4.28-2.38-6.42-3.55   c-6.25-3.21-9.04-10.44-15.12-13.87c-2.87-1.7-6.31-1.34-9.47-0.99c-17.41-12.13-37.66-19.12-55.92-29.73   c-4.65-2.52-6.74-7.87-11.22-10.58c-2.01-1.3-4.49-1.07-6.77-1.07c-5.13-2.76-8.59-7.57-12.88-11.37   c-2.48-2.29-5.89-3.26-8.21-5.75c-3.77-3.99-10.92-5.23-11.46-11.65c-4.65-4.71-5.2-11.66-8.9-16.94   c-2.84-3.86-3.19-8.97-2.41-13.55c1.24-6.87,4.86-13.06,5.93-19.98c0.34-1.51,0.39-3.19,1.44-4.43   c4.34-5.66,11.03-8.96,15.35-14.64c1.65-2.05,2.3-4.97,4.73-6.32C60.16,119.29,75.9,109.55,92.88,102.32z"/>
    <path fill="#ED3133" d="M731.74,159.33c3.44-1.29,5.39-5.25,9.35-5.35c5.78-1.15,11.05,2.05,16.74,2.05   c4.42,0.89,9.53,2.84,11.12,7.52c1.96,5.8,0.06,11.98,0.62,17.94c-0.1,1.89,1.06,4.39-0.87,5.72c-3.23,2.71-7.75,1.82-11.54,1.21   c-1.84-5.54,1.29-13.29-5.09-16.54c-7.01,0.99-14.14,2.52-20.17,6.39c-3.7,2.24-6.58,5.51-9.43,8.7   c-5.36,5.64-3.43,14.36-7.68,20.62c7.1,11.97,19.84,18.55,30.8,26.42c3.07,1.85,3.48,5.73,5.33,8.54c2.59,4.49,5.7,9.93,3.19,15.16   c-6.46,14.96-21.25,23.29-34.39,31.59c-3.09,2.35-7.2,1.33-10.66,2.64c-5.99,1.65-12.62,5.37-18.74,2.2   c-4.77-1.91-6.32-10.09-1.33-12.62c4.8-2.6,10.69-2.47,15.19-5.73c2.9-2.17,6.57-2.64,9.89-3.88c6.69-2.36,13.4-5.87,17.53-11.85   c2.23-2.81,1.36-6.9-0.63-9.59c-2.81-3.72-6.95-6.17-11.2-7.91c-5.36-2.3-8.04-7.87-12.34-11.49c-2.07-1.96-4.81-2.93-7.47-3.76   c-3.97-10.01-6.66-21.65-2.01-31.91C702.56,178.75,716.47,166.35,731.74,159.33z"/>
    <path fill="#ED3133" d="M474.09,185.61c10.54-8.3,21.88-15.75,34.16-21.2c4.19-0.71,8.56-0.63,12.74,0.1   c3.83,0.58,5.91,4.19,7.51,7.33c0.9,2.76,0.48,5.74,0.68,8.6c-9.72,5.91-22.59,3.33-31.64,10.57c-1.99,2.52-4.99,3.75-7.36,5.72   c-1.56,4.27,1.08,9.22-1.48,13.37c6.44,12.28,18.33,20.56,25,32.66c2.59,7.54,0.72,15.8-1.05,23.31   c-3.7,4.88-9.25,8.08-14.94,10.12c-9.85,3.41-20.47,3.54-30.77,2.98c-2.58,0.14-4.3-2.2-5.36-4.24c-2.15-4.39-1.4-9.45-1.03-14.14   c9.96-7.07,24.06-2.36,33.44-10.7c-2.51-9.05-8.57-17.53-17.55-20.99c-4.45-7.63-8.91-15.69-9.72-24.64   C466.1,197.56,468.34,189.88,474.09,185.61z"/>
    <g>
        <path fill="#ED3133" d="M402.05,178.6c2.4-1.45,4.25-3.85,6.99-4.71c6.82-0.91,14.13,0.54,19.56,4.94    c4.94,4.01,9.27,8.9,12.61,14.3c1.77,9.19,9.29,17.51,6.22,27.28c0.77,2.1,1.93,4.41,0.92,6.66c-1.85,4.13-5.46,7.11-7.72,11    c-12.77,2.24-25.42,6.98-38.58,5.14c-3.68,5.39-2.72,12.12-2.26,18.24c0.17,3.62,0.55,7.86-2.1,10.74    c-2.54,2.49-6.35,1.96-9.59,2.04c-4.8-7.19-3.71-16.47-6.64-24.35c-2.41-4.69-8.51-2.02-12.41-4.35    c1.34-3.45-0.29-6.74-1.26-10.02c-0.74-2.04,1.4-3.82,3.23-4.12c4.69-0.98,9.59-1.5,13.77-4.07    c-0.15-15.86,2.87-32.47,12.53-45.44C398.45,180.24,400.46,179.68,402.05,178.6z M410.53,192.98c-2.7,3.65-3.61,8.27-6.13,12.05    c2.26,6.92-4.22,13.03-2.1,19.96c3.12,0.95,6.42,1.52,9.66,0.76c6.05-1.25,12.2-1.99,18.3-2.97c5.69-0.66,7.73-9.39,2.92-12.51    c-5.05-4.25-5.65-11.33-9.42-16.45C420.81,189.7,413.76,188.68,410.53,192.98z"/>
    </g>
    <path fill="#ED3133" d="M652.61,177.11c0.67-1.9,3.02-3.73,4.86-2c8.94,4.92,11.771,15.36,16.36,23.73   c1.71,2.58,1.08,5.75,1.24,8.66c0.23,13.3,3.1,26.92-0.54,39.99c-2.01,7.5-7.43,14.11-14.67,17.06c-3.43,1.02-7.18,0.06-10.13-1.82   c-4.64-2.92-8.07-7.3-12.06-10.98c-3.99,5.01-4.59,11.81-8.75,16.71c-3.72,4.91-8.3,10.71-15.21,10.09   c0.29-6.56,0.29-13.36,3.11-19.44c-2.19-7.71,0.38-15.47,2.37-22.88c-1.44-3.21-2.21-6.88-0.64-10.2c1.49-2.68,2.88-6.15,6.29-6.71   c2.53,4.59,8.02,4.62,12.44,5.92c7.03,2.78,8.37,11.65,14.74,15.21c2.43,1.14,6.31,1.93,7.87-0.93c3.1-5.2-0.86-12.06,3.14-17.02   c-1.69-9.28-3.07-19.51-10.18-26.43c0.17-1.61,0.34-3.21,0.51-4.81c-1.64-1.61-4.9-2.93-4.29-5.69   C650.26,182.76,651.58,180,652.61,177.11z"/>
    <path fill="#ED3133" d="M279.73,192.2c6.53-1.16,14.33,1.62,17.52,7.72c2.5,8.48,6.2,16.52,9.37,24.76c1.3,3.22,1.72,7.48,5.38,9   c5.01-2.81,5.11-9.21,5.58-14.23c-0.06-3.62,3.02-5.97,4.55-8.96c3.31-5.95,5.71-12.51,10.37-17.61c5.51,1.2,11.9,3.22,14.45,8.75   c1.83,12.21-1.29,25.24,4.11,36.83c2.95,11.55-0.95,23.36-1.7,34.96c-0.45,2.81,0.49,6.37-2.12,8.35   c-2.61,2.61-5.95,6.29-10.04,4.8c-2.51-2.65-3.77-6.45-3.36-10.07c0.54-3.43,1.95-6.65,2.6-10.06c1.97-9.86,1.02-19.95,0.66-29.91   c-1.68-1.72-3.13-5.39-6.11-4.17c-5.37,1.75-7.16,7.63-10.37,11.69c-2.78,3.31-4.64,7.33-7.63,10.46c-3.5,3.49-9.72,2.5-12.5-1.4   c-4.37-5.93-3.66-15-10.58-19.13c0.32-4.63,1.42-9.98-2.14-13.7c-5.96,2.58-6.24,9.57-6.49,15.14c0.15,3.29-3.45,5.65-2.43,9.03   c1.07,4.6,3.67,9.81,0.02,13.98c1.17,8.2-0.73,17.32-7.2,22.95c-5.2-1.23-12.14-2.77-13.5-8.81c-0.48-15.9,4.43-31.29,5.69-47.05   c3.19-5.02-0.65-11.3,3.03-16.05C270.63,203.44,272.52,195.16,279.73,192.2z"/>
    <path fill="#ED3133" d="M213.45,192.96c3.27-1.87,7.48-0.4,9.68,2.44c3.61,3.48,2.66,8.88,4.48,13.2   c2.42,6.66,4.87,14.27,1.19,20.98c4.31,8.21-1.26,17.1,0.48,25.68c-3.25,6.34-1.47,13.49-0.71,20.17   c0.7,5.33-0.21,11.49-4.49,15.16c-3.73,2.1-8.27,1.84-12.34,1.08c-1.4-0.06-1.91-1.4-2.32-2.51c-1.95-5.19-1.01-10.85-2-16.22   c-0.79-4.04,0.7-8.01,1.3-11.96c2.24-11.34,3.53-22.97,2.09-34.5c3.37-5.29,2.23-11.72,0.92-17.46   C210.6,203.75,209.59,197.39,213.45,192.96z"/>
    <g>
        <path fill="#ED3133" d="M544.58,214.13c1.88-4.17,5.93-7.38,10.43-8.17c8.99-0.09,15.29,8.43,24.29,8.4    c6.36,4.92,11.26,11.98,12.11,20.13c2.8,8.78,4.77,18.64,1.01,27.46c-2.36,6.03-8.33,9.25-13.48,12.56    c-3.13,1.75-6.1,4.53-9.97,3.98c-7.63-0.19-15.979,2.02-23-1.92c-10.01-7.64-14.5-21.07-12.2-33.33c3.23-2.1,6.13-4.95,7.27-8.74    C543.24,227.91,541.79,220.58,544.58,214.13z M556.15,231.76c-3.58,7.69-7.41,16-6.43,24.71c0.13,2.32,1.24,4.86,3.66,5.57    c4.15,1.08,8.4-0.41,12.6-0.43c2.68-0.19,6.32,0.54,7.81-2.39c1.78-3.98,0.78-9.62,5.51-11.75c1.04-5.08-0.64-10.46-3.68-14.55    C570.77,227.42,561.89,228.09,556.15,231.76z"/>
    </g>
    <path fill="#ED3133" d="M763.71,288.1c4.74,0,9.48,0,14.23,0c0,0.87,0,2.6,0,3.46c-1.7,0-3.38,0-5.06,0.01c0,5,0,10,0,15   c-1.4-0.01-2.79-0.01-4.17-0.01c-0.01-4.99-0.01-9.99,0-14.99c-1.67,0-3.35-0.01-5-0.01C763.71,290.7,763.71,288.97,763.71,288.1z"/>
    <path fill="#ED3133" d="M779.62,306.57c0.38-6.16,0.78-12.32,1.18-18.47c1.84,0,3.7-0.01,5.57,0c1.26,4.26,2.46,8.55,3.44,12.89   c1.08-4.34,2.32-8.64,3.72-12.89c1.82-0.01,3.65,0,5.48,0c0.3,5.68,0.59,11.35,0.99,17.02v1.45c-1.36-0.01-2.71-0.01-4.06-0.01   c-0.23-4.92-0.37-9.85-0.48-14.78c-1.4,4.83-2.84,9.66-4.36,14.45c-0.82,0-2.45,0-3.26,0c-1.4-4.79-2.62-9.63-3.67-14.51   c-0.22,4.95-0.44,9.89-0.69,14.84C782.19,306.56,780.9,306.56,779.62,306.57z"/>
</g>
</svg>"""

image_button = ImageButton(svg=SVG, height=300)
pn.Column(image_button, pn.widgets.Button(visible=False), image_button.param.clicks, image_button.param.button_type).servable()

MarcSkovMadsen commented 3 years ago

I would think the example I just posted would be a nice, basic example to add to the Panel ReactiveHTML part of the Gallery.

But would it make sense to include a ImageButton in Panel or just make images have click and hover events in general in Panel?

philippjfr commented 1 year ago

Buttons support icons since 1.0.

holoviz / panel

Make a button with svg content #253

Example