Editor Icon SVG

Ett fokuserat verktyg som genererar en färdig Editor-ikon SVG för utvecklare, UX-designers och produktteam som behöver skalbara UI-tillgångar.

Kontrollera själv

Call tool by api Embed on your site Advertize here

About This Tool

Detta verktyg genererar en konsekvent Editor-ikon SVG avsedd för appar, instrumentpaneler och UI-bibliotek. Det levererar en enda vektorisk tillgång med ett dokumentmotiv och en diagonalt placerad blyertspenna, allt på en 512x512-tavla. Tillvägagångssättet betonar djärva, platta former för läsbarhet i små storlekar, med tillgänglighetsmetadata inbäddad via en och <desc>. Genom att centralisera kompositionen och använda vektorprimitiver får teamet en pålitlig ikon som reproduceras identiskt över plattformar och kan skalas utan kvalitetsförlust. Användningsområden inkluderar verktygsradens ikoner, funktionspaneler, onboarding-sidor och dokumentation där en generell redigeringsåtgärd krävs. Differentierarna är en ren blå färgpalett, ett integrerat tillgänglighets-tagset och en deterministisk tavla som bevarar aspektförhållandet oberoende av storlek. Huvudfunktioner inkluderar en 512x512-tavla, centrerat motiv, djärva former, ett dokument-med-pennan-motiv och inbäddad metadata. Valfria kapaciteter omfattar färgpalettjusteringar, strecktjockleksjusteringar och variantöverlägg (viktd hörn eller pennan endast). </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. Ange eventuella ingångar (palett, streck) om stöds.<br/>2. Starta genereringen för att producera en SVG-last.<br/>3. Hämta 512x512 SVG-strängen.<br/>4. Validera <title> och <desc> för tillgänglighet och korrekt metadata.<br/>5. Integrera i projektets asset-pipeline. </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"> Vad exakt produceras? </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"> Verktyget returnerar en enda 512x512 SVG-last som visar en fet editorikon som kombinerar en dokumentform med en diagonalt överlagd penna. Den innehåller <title> och <desc> för tillgänglighet. </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"> Kan jag anpassa färger eller strecktjocklek? </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"> Ja. Genereringsverktyget stöder valfria färgpalett- och strecktjockleksparametrar. Om de inte tillhandahålls används en konsekvent blå dokumentikon och gul penna för hög kontrast. </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"> Är bakgrunden transparent? </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"> Ja. SVG-filen använder transparens som standard; ingen bakgrundsrektangel ritades, vilket gör den enkel att använda mot vilken UI-bakgrund som helst. </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"> Kan jag skapa flera varianter? </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"> Basverktyget returnerar en enda 512x512 ikon per körning. För varianter upprepa generationen med olika färger eller variantalternativ om de stöds, och exportera varje resultat. </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 width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc"><title>Editor IO Markdown IconAbstract document with editing cue to represent a markdown editor

Markdown Editor IO

En Markdown‑redigerare med live‑förhandsgranskning för skribenter, utvecklare och innehållsteam att skapa, formatera och exportera Markdown‑innehåll effektivt.

Omedelbar Textredigerare

Ett snabbt, gratis online-verktyg för skribenter, utvecklare och studenter att snabbt redigera, omvandla och formatera text utan programvara.

Word Editor

Word Editor ger AI-stödd skrivning och redigering för professionella och akademiska dokument, med mallar, stilguider och citathantering för ökad effektivitet.

Bildredigerare

En bildredigerare i webbläsaren för skapare, marknadsförare och hobbyister att snabbt beskära, skala, justera och exportera bilder utan att installera programvara.

Your Feedback Matters

Help Us to Improve