Ajouter des icônes personnalisées sur Showit

Si tu veux personnaliser ton site sur Showit, l’ajout d’icônes originales est un excellent moyen d’y parvenir. Je vais te guider pas à pas pour importer tes propres icônes sur Showit. Que tu préfères utiliser des icônes gratuites ou que tu souhaites créer les tiennes, je vais te montrer comment faire afin que tu puisses rendre ton site Showit original.

Étape 1: Trouver ou créer tes icônes

Avant de les ajouter sur Showit, il te faudra des icônes au format SVG. Tu as deux options :

a) Trouver des icônes gratuites : Rends-toi par exemple sur Google Icons (ou tout autre site similaire) pour découvrir une large sélection d’icônes gratuites. Télécharge les icônes que tu souhaites utiliser au format SVG.

b) Créer tes propres icônes : Si tu as une idée précise de l’apparence de tes icônes, tu peux utiliser des outils de design comme Illustrator ou Canva pour les créer toi-même. Concernant Canva, regarde le tutoriel ci-joint pour voir comment chercher et récupérer des designs que tu pourras utiliser comme icône. Il te faudra néanmoins posséder la version premium de Canva. N’oublie, une fois que tu es satisfait(e) de ta création de la télécharger au format SVG.

Quelques sites où trouver des icônes :

• Flaticon
• Iconfinder
• The Noun Project
• Ionic.io/ionicons
• Google Icons

Étape 2: Convertir tes icônes au format SVG avec SVGOMG

Showit prend en charge les icônes au format SVG (Scalable Vector Graphics) pour une netteté et une qualité optimales à différentes tailles. Par contre pour utiliser les icônes que tu souhaites utiliser sur ton site Showit, il va falloir récupérer un “markup” (une sorte de code si tu préfères). C’est là que SVGOMG entre en jeu.

1. Rends-toi sur le site SVGOMG à l’adresse https://jakearchibald.github.io/svgomg/.
2. Fais glisser ou télécharge ton fichier SVG dans l’outil.
3. Mets tous les paramètres sur “on” (en bleu) SAUF “prettify markup” et “remove viewbox”
4. SVGOMG optimisera automatiquement ton fichier SVG pour réduire sa taille tout en conservant sa qualité visuelle.
5. Récupère le code pour ensuite pouvoir le coller dans Showit.

Étape 3: Intégrer tes icônes sur Showit

Une fois que tu as ton icône SVG optimisée grâce à SVGOMG, tu peux l’intégrer dans ton site Showit :

1. Dans le panneau de gauche, sélectionne la page ou le canva dans lequel tu veux ajouter ton icône personnalisée.
2. Clique en bas sur “le bouton”icon” “pour ajouter une icône. Cela va t’ajouter une icône Showit par défaut.
3. Clique la petite case “Custom icon” et colle le code que tu as récupéré.
4. Ajuste la taille de ton icône ou sa couleur.
5. Valide tes modifications ! Et voilà !

Tu sais maintenant comment importer tes icônes personnalisées sur Showit pour donner une touche unique à ton site. Profite de cette liberté de personnalisation pour créer un site web qui te ressemble et qui attirera l’attention de tes visiteurs.