Pack de iconos de icomoon para tu web HTML o PHP

Pack de iconos de icomoon para tu web HTML o PHP

En esta entrada verás como tener un pack de iconos y también verás como crear tus propios iconos para publicarlos en tu web o para solo tu uso personal primero necesitas entrar a esta url : 
https://icomoon.io/  y te saldra esto 
Luego hay que entrar a icomoon app

y luego te saldra un icono de carga y un texto que dice loading...
esperas y te saldra algo como esto en mi caso sale color blanco y naranja ati te saldrá de gris
Atención : el verde es donde tienes que hacer click el rojo es donde tienes que ver


después de hacer eso le haces click donde dice generate font 
y se te empezara a descargar y te dejara al final de descargar un archivo zip tu extraes el archivo style.css y  selection.json. y lo siguiente es  (opcional) extraer demo-files, fonts, ie7 ;
en tu index.html o index.php etc... en la etiqueta <head> le agregas la etiqueta link y pones el nombre del style.css y en el body pones los iconos esos para que salgan en tu web ejemplo
en el programa 

en la web 


ahora explicare como hacer tus propios iconos para publicarlos en tu web o utilizarlos para uso personal 
primero tienes que tener imagenes como estas
































































































ETC

bueno despues de tener tus iconos en formato png tienes que pasarlo a SVG o puedes dibujar tus iconos con vectores por que asi tienen que ser tus icono SVG para subirlos a icomoon y esa pagina web te los volverá iconos tu haces el mismo procedimiento anteriormente visto puedes buscar en google : pasar png a svg y conviertes tus imágenes a SVG 

gracias por ver Espero que les alla servido :) comenta lo que quieres aprender la siguiente clase

😄😄😄😄😄😄😄😄😄😄

Que quieres aprender coméntalo                                                                                                                                                                                                                                                                                    

Comentarios

Publicar un comentario

Entradas populares de este blog

Como hacer un control de Video personalizado con HTML CSS y JS

Imagen
Como hacer un control de Video personalizado con HTML CSS y JS ATENCIÓN: para esto se tiene que tener los iconos de icomoon app link    https://icomoon.io/app/#/select   teniendo esto en cuenta también se necesitan dos imágenes esta: Y esta : bueno ya tienen esas dos imagenes echas solo pueden descargarlas de mi google drive o hacerlas ustedes mism@s :) continuamos link del play en drive  https://drive.google.com/file/d/0Bymdc4JBqOafTFJQMGRUdk5vNG8/view?usp=sharing link del pause en drive  https://drive.google.com/file/d/0Bymdc4JBqOafQ3VHUGxVVi0wTW8/view?usp=sharing Comencemos ATENCION: se necesita un video para poder correr el reproductor bien Código HTML/HTML5 CON JS <script type="text/javascript"> var video = document.getElementById("mivid"); function pancomp() { if (video.requestFullscreen) { video.requestFullscreen(); } else { video.webkitRequestFullscreen(); } } </script> <video id="...
Leer más