It is currently 22 April 2025, 13:02 Advanced search

Inserire icon svg

Domande e risposte su come utilizzare Instant Developer Cloud al meglio

Inserire icon svg

Postby mrobo » 5 September 2019, 10:16

Salve a tutti,
qualcuno sa come poter inserire un svg su inde cloud da usare come icon?
Grazie
mrobo
 
Posts: 23
Joined: 19 June 2019, 7:22

Re: Inserire icon svg

Postby r.zambito » 5 September 2019, 15:59

Buonasera, i passi sono i seguenti:

1. Crea una risorsa di tipo "Definizioni SVG"

2. Alla proprietà "Tipo di contenuto" assegna "Icona"

2. Riempi la risorsa con l'svg desiderato nel modo:
Code: Select all
<svg display="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <symbol id="icon-logo" viewBox="0 0 40 40"><path d="M32 11.7v15.173c....." fill-rule=<fill-rule>/></symbol>
   </defs>
</svg>

3. Aggiungi nei punti dove si vuole mostrare l'icona un elemento visuale "SVG", che trovi nell'application library default.

4. Alla proprietà "src" dell'elemento puoi darei il nome della definizione, o più semplicemente potrai selezionare l'icona svg dalla finestra che si apre se premi il bottone vicino all'input della proprietà.

Puoi trovare un esempio semplice semplice visionando il progetto pubblico "svg-example".

Grazie e buona serata.
r.zambito
 
Posts: 122
Joined: 17 June 2014, 7:38


Return to Tips & Tricks - Cloud

Who is online

Users browsing this forum: No registered users and 9 guests

cron