Skip to content

Commit

Permalink
Merge pull request #9636 from nextcloud/backport/9592/stable25
Browse files Browse the repository at this point in the history
[stable25] Remove docs for svg api, it's not provided anymore + hint for material-design-icons
  • Loading branch information
ChristophWurst authored Feb 16, 2023
2 parents 7ceebf3 + fa3e49c commit e89d518
Showing 1 changed file with 6 additions and 15 deletions.
21 changes: 6 additions & 15 deletions developer_manual/html_css_design/icons.rst
Original file line number Diff line number Diff line change
Expand Up @@ -16,24 +16,15 @@ White icons only have a grey background on this documentation page for readabili

.. _svgcolorapi:


Svg color api
=============

More information about scss and this api: :ref:`scss mixins and functions <cssicons>`

You can request and color any svg icons used in nextcloud with this api.
The server will directly change the colours of the ``circle``, ``rect`` and ``path`` elements in the svg you provide.
Simply use those urls:

* ``https://yourdomain/svg/core/actions/menu?color=ffffff``
Will serve the svg located in the core/img directory as a white icon
``/core/img/actions/menu.svg``
The svg API is not supported anymore due to performance reasons.

* ``https://yourdomain/svg/core/places/calendar?color=0082c9``
Will serve the svg located in the core/img directory with the color #0082c9
``/core/img/places/calendar.svg``

* ``https://yourdomain/svg/files/app?color=000000``
Will serve the svg located in the files app ``img`` directory ad a black icon
``/app/files/img/app.svg``
Material design icons
=====================

If you need more than the shipped default icons, using the material-design-icons would be a good idea.
For usage with vuejs look over here: https://nextcloud-vue-components.netlify.app/#/Components/NcIconSvgWrapper

0 comments on commit e89d518

Please sign in to comment.