SVG Converter Studio

Gera uma imagem SVG autônoma 512×512, adequada para visualizações de ferramentas e testes, com uma composição abstrata arrojada em fundo transparente.

Verifique você mesmo

Call tool by api Embed on your site Advertize here

About This Tool

Esta ferramenta fornece um recurso SVG autônomo que pode ser incorporado diretamente em projetos web ou testes de design. Produz uma imagem vetorial limpa com uma tela fixa de 512×512 e fundo transparente, permitindo composição contínua com outros elementos de interface. A saída não incorpora fontes externas nem dados raster, permanecendo nítida em qualquer escala e independente de plataforma. Usuários incluem desenvolvedores frontend que validam renderização, designers que preparam ativos de espaço reservado e engenheiros de QA que verificam carregamento de ativos. O design genérico e não com marca o torna adequado para múltiplos projetos sem problemas de licença.

Conceitualmente, o gerador constrói uma composição abstrata a partir de formas vetoriais simples como polígonos e círculos. Os elementos são posicionados para cobrir cerca de 70% da tela, deixando margens transparentes para garantir visibilidade em fundos variados. A geração é determinística e reprodutível; mesmas configurações produzem strings SVG idênticas.

A acessibilidade é suportada incluindo um e um <desc> dentro do SVG, auxiliando tecnologias assistivas a identificar o ativo sem alterar a saída visual.<br/><br/>O fluxo de trabalho foca em portabilidade e simplicidade: viewBox fixo, tamanho explícito, sem fontes embutidas e um conjunto mínimo de formas. Casos de uso incluem uso inline em frameworks, exportação como ativos para prototipagem ou validação de pipelines de renderização. O valor está em fornecer uma string SVG pronta para uso que não requer etapas de build ou dependências, facilitando a integração em CI, tokens de design e 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">Sign in to see all your usage <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"> How to Use </h2> <p class="text-[#717171] leading-relaxed tracking-wide"> 1. Fornecer entradas opcionais para largura/altura e paleta de cores (padrão: 512×512 e paleta azul marcante).<br/>2. Gerar o conteúdo SVG.<br/>3. Copiar para a área de transferência ou salvar como arquivo .svg.<br/>4. Validar a renderização em um navegador ou editor vetorial.<br/>5. Integrar a string SVG em codebases ou sistemas de design. </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"> FAQs/Additional Resources </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-10 md:mb-20"> Find Quick Answers </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"> Quais formatos são produzidos? </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"> A saída é uma string SVG independente que usa formas vetoriais e não inclui fontes nem dados raster. É escalável, compatível com navegador e adequada para uso inline ou exportação de arquivo. </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"> Posso personalizar cores ou 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"> Sim. Entradas opcionais permitem personalização de paleta e ajustes geométricos. O design padrão usa tons de azul marcantes; você pode fornecer cores hexadecimais e ajustar o número de formas para atender às necessidades da 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"> O SVG é adequado para branding de produção? </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"> O SVG é genérico e não marcado. Para branding de produção, ajuste cores, formas ou incorpore fontes para alinhar às diretrizes da 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"> Onde posso reutilizar a saída? </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"> A string SVG pode ser incorporada inline em HTML, salva como arquivo ou carregada por JavaScript em vários frameworks. Continua portátil entre projetos e ambientes. </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"> User Reviews </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-center mb-7 md:mb-14"> See What Others Are Saying </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"> Explore Related Tools </h2> <p class="text-[#656565] text-xl md:text-2xl font-medium text-start mb-7 md:mb-14"> More Solutions for Your Needs </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

Um conversor UTC preciso para desenvolvedores, equipes remotas, viajantes e pessoal operacional para converter UTC em fusos horários locais.

UTM to LatLong Converter

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

Conversor UTF-8 para ASCII

Converte texto UTF-8 em ASCII removendo ou transliterando caracteres não ASCII, possibilitando fluxos ASCII para software, bancos de dados, pipelines de conteúdo e localização.

UTM URL Converter

Gera e valida URLs marcadas com UTM para campanhas de marketing, permitindo atribuição consistente, integração analítica limpa e gerenciamento de tags simplificado para equipes.

Your Feedback Matters

Help Us to Improve