Cómo editar un icono PNG o SVG online con el Editor de Iconos
Imagina lo siguiente: llevas trabajando en el diseño de tu último proyecto—una simpática app del tiempo— durante días, asegurándote de que cada pieza es visualmente coherente. Has elegido los colores, las tipografías combinan a la perfección, y has encontrado la familia ideal de iconos.
Y aún así, hay algo que no encaja. Es sólo un detallito. O detallitos, así en plural.
Los colores de los iconos. Sí, definitivamente se trata de eso. No están en sintonía con el resto de colores del proyecto. ¿Y el grosor del trazo de los mismos iconos? Quizá sea demasiado delgado, comparado con las tipografías que estás usando.
Por suerte, casos como este tienen los días contados gracias al Editor de Iconos de Freepik, nuestra herramienta interna para personalizar cualquiera de nuestros iconos. ¿Quieres saber más sobre él?
Índice de contenidos
Cómo personalizar un icono con el Editor de Iconos
Con esta funcionalidad, integrada en el buscador de Freepik, puedes editar cualquiera de nuestros iconos rápidamente sin necesidad de usar software externo. Tampoco necesitarás tener habilidades avanzadas de diseño, sólo tienes que seguir estos pasos.
- Busca el icono que desees: Si puedes imaginarlo, puedes encontrarlo en nuestra galería de iconos, llena de miles de familias de iconos en diferentes estilos.
- Abre la vista detalle: Cuando lo hayas encontrado, abre la vista detalle de tu icono.
- Haz clic en Editar icono: Encontrarás esta opción en la parte derecha de la página de detalle, justo debajo de los botones de Descargar y Copiar.
- Edita tu icono: Ajusta todos los detalles que necesites.
De acuerdo, pero ¿qué detalles puedo personalizar con el Editor de Iconos exactamente? Con nuestro editor puedes editar los principales elementos de un icono, con una experiencia de edición sencilla, intuitiva y eficiente.
Cómo cambiar el color de un icono
Vale, este feliz sol nos servirá como conejillo de indias para este ejemplo, aunque puedes probar con cualquier otro icono. En primer lugar, puedes editar cualquiera de los colores del icono para que se ajusten a la identidad visual de tu proyecto. Elige un nuevo color o introduce su código HEX, y hazlo sólido o con gradiente.
Cómo añadir formas a tu icono
También puedes añadir formas extra, como círculos, cuadrados o cuadrados redondeados, para destacar aún más tu icono. También podrás editar el tamaño y el color del nuevo objeto.
Cómo cambiar la disposición del icono
Hablando de tamaños, también puedes cambiar la apariencia del icono. Redimensiona, rota, voltea o mueve el icono a través de la retícula para que se ajuste a la perfección a tus necesidades.
Cómo cambiar el grosor de un icono
Por último, puedes filtrar la búsqueda de iconos para obtener resultados con el grosor del trazo editable. Hazlo tan grueso o fino como quieras, nosotros nos encargamos de mantener la consistencia en todo el icono.
Siéntete libre de experimentar, siempre podrás restablecer la versión original o rehacer tus cambios.
Descarga tu icono editado en PNG o SVG
Una vez hayas terminado la edición de tu icono, es hora de descargar tu obra maestra. Este es, quizá, el paso más importante, ya que si abandonas el editor sin descargar el nuevo icono, perderás todo el progreso que hayas hecho.
Recuerda que puedes descargar tu icono en formato PNG o SVG, o copiarlo en esos mismos formatos para usarlo directamente en tu proyecto.
Deja que tu trabajo siga fluyendo con el Editor de Iconos
Nuestro editor de iconos ha sido desarrollado con un objetivo en mente: ayudarte a ahorrar tiempo y recursos permitiéndote ajustar nuestros recursos a tus necesidades desde un único lugar. Y, ya que no necesitarás usar Photoshop o Illustrator, también te ayudará a ahorrar espacio en tu ordenador. 😉
Esta herramienta elimina bloqueos creativos innecesarios y multiplica tu eficiencia con una experiencia de edición fácil y sencilla.
Nuestra galería de iconos te ofrece millones de posibilidades, así que no te pierdas este artículo sobre cómo sacarles el máximo provecho. Encontrarás una pequeña sobre cómo buscar los mejores iconos para tu proyecto, así como las principales diferencias entre las familias de iconos.
Estamos deseando ver cómo usas el Editor de Iconos para crear increíbles proyectos. No te olvides de compartirlos o pedirnos feedback en nuestras comunidades de Facebook y Reddit.
¡Te esperamos!