Home/Libraries/Arcticons (Iconify)/duolingo-streak

Arcticons (Iconify)

DuolingoStreak

License: CC-BY-SA-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M13.06 22.11c-.329 0-.654.064-.958.188a2.124 2.124 0 0 1-1.59 3.166v2.288a2.547 2.547 0 0 0 5.095 0v-3.095a2.547 2.547 0 0 0-2.547-2.547m21.805 0c-.329 0-.654.064-.959.188a2.124 2.124 0 0 1-1.588 3.166v2.288a2.547 2.547 0 0 0 5.094 0v-3.095a2.547 2.547 0 0 0-2.547-2.547"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M5.6 17.86a8.76 8.76 0 0 0-2.1 5.7v5.19a8.826 8.826 0 0 0 13.2 7.67a8.8 8.8 0 0 0 3.22-3.16M5.87 15.75c.23-1.41.73-2.65 1.61-2.65c.56 0 1.09.35 1.52.75m.98-1.86c.19-.86.62-1.57 1.53-1.57c3.33 0 5.09 8.96 12.49 8.96c2.2 0 3.9-.79 5.29-1.91m1.84-1.79c2.13-2.47 3.5-5.26 5.36-5.26c2.24 0 1.58 4.26 1.53 4.61"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M38.01 15.05s0-.01.01-.02c.14-.22 1.27-1.93 2.5-1.93c.65 0 1.09.67 1.37 1.59c.28.91.4 2.07.4 3.03a8.8 8.8 0 0 1 2.21 5.84v5.19c0 2.44-.99 4.65-2.58 6.25a8.85 8.85 0 0 1-6.25 2.58c-3.12 0-6-1.64-7.59-4.32"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m24 33.833l4.9-.694a4.504 4.504 0 0 0-4.9-4.222a4.504 4.504 0 0 0-4.9 4.222z"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M27.578 33.326a3.582 3.582 0 1 1-7.156 0m-4.564-13.219c.063-2.61-1.251-4.87-2.13-5.41s-1.49 1.166-1.49 1.166s-1.356-4.569-4.724-5.326c1.404 1.388 2.663 6.975.856 7.546s-1.224-2.696-2.504-2.334S7.08 23.56 7.08 23.56m30.872-4.03c-.583-2.2-2.531-4.963-3.527-3.818c-.645.741.38 1.609-.304 2.139c-1.803-1.247-4.14-3.557-5.085-2.354c-1.197 1.522 1.842 1.53.847 8.132m.256-12.423c-.833-.29-1.402-.28-2.997-1.46c.263 1.727.923 2.78 2.096 3.357c.704.346 1.433.12 1.712-.504c.325-.7-.064-1.135-.811-1.393"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="m15.9 32.29l-8.22-1.81C7.25 29.69 7 28.77 7 27.8v-3.29c0-3.09 2.5-5.59 5.59-5.59s5.6 2.5 5.6 5.59v3.29c0 1.85-.9 3.49-2.29 4.49m24.41-1.8L32.1 32.3c-.23-.16-.45-.35-.65-.55a5.58 5.58 0 0 1-1.64-3.95v-3.29c0-3.09 2.51-5.59 5.6-5.59S41 21.42 41 24.51v3.29c0 .98-.25 1.89-.69 2.69"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DuolingoStreakIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →

100