SVG Converter Studio

Genera una imagen SVG autónoma de 512×512, adecuada para vistas previas y pruebas de herramientas, con una composición abstracta audaz sobre fondo transparente.

Compruébalo tú mismo

Llamar a la herramienta por API Insertar en su sitio Anuncie aquí

Sobre esta herramienta

Esta herramienta proporciona un recurso SVG autónomo que puede integrarse directamente en proyectos web o pruebas de diseño. Produce una imagen vectorial limpia con una lona fija de 512×512 y fondo transparente, permitiendo una composición fluida con otros elementos de la interfaz. La salida no incrusta tipografías externas ni datos raster, y se mantiene nítida a cualquier escala y es independiente de la plataforma. Los usuarios incluyen desarrolladores frontend que validan el renderizado, diseñadores que preparan activos de sustitución y ingenieros de QA que verifican la carga de activos. El diseño genérico y no con marca lo hace adecuado para múltiples proyectos sin problemas de licencias.

Conceptualmente, el generador construye una composición abstracta a partir de formas vectoriales simples como polígonos y círculos. Los elementos se posicionan para cubrir aproximadamente el 70% del lienzo, dejando márgenes transparentes para garantizar visibilidad en fondos variados. La generación es determinista y reproducible; las mismas configuraciones producen cadenas SVG idénticas.

La accesibilidad se soporta incluyendo un y un <desc> dentro del SVG, lo que ayuda a las tecnologías de asistencia a identificar el activo sin modificar la salida visual.<br/><br/>El flujo de trabajo se centra en portabilidad y simplicidad: viewBox fijo, tamaño explícito, sin fuentes incrustadas y un conjunto mínimo de formas. Los casos de uso incluyen uso en línea en marcos, exportación como activos para prototipado o validación de pipelines de renderizado. El valor reside en entregar una cadena SVG lista para usar que no requiere pasos de construcción ni dependencias, y que se puede integrar fácilmente en CI, tokens de diseño y bibliotecas de componentes. </p> <div class="flex justify-center text-center"> <a href="https://anyonlinetool.com/register" class="bg-text hover:bg-accent text-lg md:text-xl font-semibold leading-tight text-white py-3.5 px-6 md:py-5 md:px-10 rounded-lg inline-flex justify-center items-center gap-5 transition-colors duration-300">Inicie sesión para ver todo su uso <img class="w-3.5 rtl:rotate-180" src="https://anyonlinetool.com/themes/tailwind/images/homepage/btn-arrow.png" alt="" /></a> </div> </div> </div> </div> </div> <div class="relative flex items-center w-full"> <div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full"> <div class="py-10 md:py-32"> <div class="flex flex-wrap md:flex-nowrap justify-center items-center gap-9"> <div class="w-full md:w-1/2"> <h2 class="text-3xl md:text-4xl leading-tight md:leading-tight font-semibold mb-4 md:mb-6"> Cómo usar </h2> <p class="text-[#717171] leading-relaxed tracking-wide"> 1. Proporcionar entradas opcionales para anchura/altura y paleta de colores (predeterminado: 512×512).<br/>2. Generar el contenido SVG.<br/>3. Copiar al portapapeles o guardar como archivo .svg.<br/>4. Validar el renderizado en un navegador o editor vectorial.<br/>5. Integrar la cadena SVG en bases de código o sistemas de diseño. </p> </div> <div class="w-full md:w-1/2"> <img class="w-[549px] max-w-full" src="https://anyonlinetool.com/themes/tailwind/images/tool/how-to-use.png" alt=""> </div> </div> </div> </div> </div> <div class="relative flex items-center w-full"> <div class="relative z-20 px-4 mx-auto xl:px-5 max-w-5xl w-full"> <div class="py-10 md:py-16"> <h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3 md:mb-4"> Preguntas frecuentes / Recursos adicionales </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20"> Encuentre respuestas rápidas </p> <div class="flex flex-col gap-4 md:gap-6 [&>[data-state=open]>div>svg]:rotate-0"> <div data-state="close" class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative"> <h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold"> ¿Qué formatos se producen? </h3> <p class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip"> La salida es una cadena SVG independiente que usa formas vectoriales y no incorpora fuentes ni datos raster. Es escalable, compatible con navegadores y adecuada para uso en línea o exportación de archivos. </p> <div class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12"> <svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> <svg class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> </div> </div> <div data-state="close" class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative"> <h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold"> ¿Puedo personalizar colores o formas? </h3> <p class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip"> Sí. Entradas opcionales permiten personalización de la paleta y ajustes geométricos. El diseño por defecto usa azules audaces; puedes proporcionar colores hex y ajustar el número de formas para adaptarlo a la marca. </p> <div class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12"> <svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> <svg class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> </div> </div> <div data-state="close" class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative"> <h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold"> ¿El SVG es adecuado para branding de producción? </h3> <p class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip"> El SVG es genérico y no está marcado. Para branding de producción, adapta colores, formas o integra fuentes para alinearte con las directrices de la marca. </p> <div class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12"> <svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> <svg class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> </div> </div> <div data-state="close" class="group accordion border border-[#99999999] rounded-xl py-5 md:py-7 px-6 md:px-8 pr-14 md:pr-20 rtl:pr-6 md:rtl:pr-8 rtl:pl-14 md:rtl:pl-20 cursor-pointer relative"> <h3 class="text-lg md:text-xl leading-tight md:leading-tight font-semibold"> ¿Dónde puedo reutilizar la salida? </h3> <p class="text-[#6E7072] font-base font-normal mt-3 leading-relaxed hidden transition-all duration-200 ease-out max-h-0 overflow-clip"> La cadena SVG puede incrustarse en HTML, guardarse como archivo o cargarse mediante JavaScript en varios marcos. Sigue siendo portable entre proyectos y entornos. </p> <div class="absolute top-6 md:top-8 right-9 md:right-12 rtl:right-auto rtl:left-9 md:rtl:left-12"> <svg class="absolute w-4 md:w-6 h-4 md:h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> <svg class="absolute w-4 md:w-6 h-4 md:h-6 -rotate-90 transition-transform duration-200 ease-out" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="none"> <g clip-path="url(#clip0_89_860)"> <path d="M3.4375 11H18.5625" stroke="#1B4464" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" /> </g> <defs> <clipPath id="clip0_89_860"> <rect width="22" height="22" fill="white" /> </clipPath> </defs> </svg> </div> </div> </div> </div> </div> </div> <div class="relative flex items-center w-full"> <div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full"> <div class="py-10 md:py-16"> <h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-center mb-3"> Opiniones de los usuarios </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14"> Vea lo que otros están diciendo </p> <div class="swiper testimonial-swiper"> <div class="swiper-wrapper mb-12 md:mb-24"> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-1.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-2.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-3.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-4.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-5.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-6.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-7.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-8.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> <div class="swiper-slide"> <div class="bg-white px-5 py-8 border rounded-3xl border-accent/20 transition-colors duration-300 hover:border-accent"> <div class="flex gap-8 items-center mb-5"> <img class="w-[72px] h-[72px] shrink-0" src="https://anyonlinetool.com/themes/tailwind/images/testimonial-9.png" alt="John Doe"> <div class="flex-1 flex justify-start gap-2.5"> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> <svg class="w-auto" xmlns="http://www.w3.org/2000/svg" height="19" width="21" viewBox="0 0 576 512">  <path fill="#FFA402" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" /> </svg> </div> </div> <h3 class="text-xl md:text-3xl leading-tight md:leading-tight font-medium mb-1.5 md:mb-2.5"> John Doe </h3> <p class="text-base md:text-lg leading-tight md:leading-tight font-normal mb-2 md:mb-4"> CEO of Company </p> <p class="text-sm md:text-base leading-relaxed md:leading-relaxed tracking-wide font-normal"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </div> </div> </div> <div class="flex justify-center gap-5"> <button class="prev-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group"> <svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20" fill="none"> <path class="stroke-text transition-colors duration-300 group-hover:stroke-white" d="M0.999718 10L24.1426 10M9.99972 19L0.999718 10L9.99972 19ZM0.999718 10L9.99972 0.999999L0.999718 10Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> <button class="next-btn py-3 px-6 md:py-4 md:px-8 border border-text rounded-lg transition-colors duration-300 hover:bg-text group"> <svg class="w-[23px] h-[18px] rtl:rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20" fill="none"> <path class="stroke-text transition-colors duration-300 group-hover:stroke-white" d="M24.1429 10H1M15.1429 1L24.1429 10L15.1429 1ZM24.1429 10L15.1429 19L24.1429 10Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </button> </div> </div> </div> </div> </div> <div class="relative flex items-center w-full"> <div class="relative z-20 px-4 mx-auto xl:px-5 max-w-6xl w-full"> <div class="py-10 md:py-16"> <h2 class="text-3xl md:text-[42px] leading-tight md:leading-tight font-bold text-start mb-3"> Explorar herramientas relacionadas </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14"> Más soluciones para sus necesidades </p> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-x-8 gap-y-7"> <div class="bg-white rounded-xl shadow-wave px-5 py-8 flex flex-col gap-5 items-start relative"> <div class="w-[50px] h-[50px] flex items-center justify-center overflow-hidden"> <div class="w-[50px] h-[50px] max-w-[50px] max-h-[50px] flex items-center justify-center" style="max-width:50px;max-height:50px;"> <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"512\" height=\"512\" viewBox=\"0 0 512 512\" fill=\"none\" style=\"background:transparent\"><title>UTC Time Converter512x512 abstract clock and globe symbol representing universal time conversion

UTC Converter

Un convertidor UTC preciso para desarrolladores, equipos remotos, viajeros y personal operativo para convertir UTC a zonas horarias locales.

UTM to LatLong Converter

This tool converts UTM coordinates to latitude and longitude for GIS users and developers needing precise geographic data.

UTF-8 Text Converter

Un convertidor de texto UTF-8 para desarrolladores e ingenieros de datos que codifica texto con precisión, asegurando interoperabilidad entre sistemas y bases de datos.

UTM URL Converter

Genera y valida URLs marcadas con UTM para campañas de marketing, permitiendo atribución coherente, integración analítica limpia y gestión de etiquetas para equipos.

Tu opinión importa

Ayúdanos a mejorar