Home/Libraries/Devicon (Iconify)/yarn-wordmark

Devicon (Iconify)

YarnWordmark

License: MITCommercial Safe

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 128 128"><path fill="#818cf8" d="M28.282 35.72A28.28 28.28 0 1 0 56.56 64a28.28 28.28 0 0 0-28.277-28.28Zm2.08 9.688a2.2 2.2 0 0 1 .979.357c.294.2.679.44 1.779 2.723a2.1 2.1 0 0 1 1.3 0a1.74 1.74 0 0 1 1.048.879c1.12 2.158 1.277 6.012.785 8.494a15.4 15.4 0 0 1-2.66 6.076a11.7 11.7 0 0 1 2.66 4.252a11.6 11.6 0 0 1 .65 4.744a13 13 0 0 0 1.424-.776a11.9 11.9 0 0 1 6.012-2.199a3.016 3.016 0 0 1 3.142 2.598a2.9 2.9 0 0 1-2.191 3.226a11.3 11.3 0 0 0-4.293 1.99a30.6 30.6 0 0 1-7.1 3.278a4 4 0 0 1-1.656.806a72 72 0 0 1-8.17.745h-.103a4.46 4.46 0 0 1-3.414-1.163a5.7 5.7 0 0 1-4.996-.314a2.54 2.54 0 0 1-1.354-1.78a2.7 2.7 0 0 1 0-.945a3 3 0 0 1-.355-.459a7.48 7.48 0 0 1-1.047-4.587a7.18 7.18 0 0 1 2.096-4.033a13 13 0 0 1 .888-5.32a12.2 12.2 0 0 1 3.143-4.096a6.1 6.1 0 0 1-.776-5.237c.534-1.425.976-2.21 1.94-2.544a3.1 3.1 0 0 0 1.14-.608a8.05 8.05 0 0 1 5.414-2.597c.084-.22.19-.44.295-.67a4.82 4.82 0 0 1 2.387-2.713a2.2 2.2 0 0 1 1.033-.127m-.054 1.683c-1.236-.216-2.487 3.576-2.487 3.576a6.38 6.38 0 0 0-5.341 2.094a4.4 4.4 0 0 1-1.76 1.047c-.188.063-.42.052-.985 1.582c-.87 2.335 1.477 4.934 1.477 4.934a12.64 12.64 0 0 0-3.832 4.43a11.3 11.3 0 0 0-.797 5.331s-1.99 1.727-2.096 3.508a5.87 5.87 0 0 0 .81 3.572a.88.88 0 0 0 1.202.418s-1.32 1.54-.084 2.2s3.027.931 4.033-.085c.733-.733.87-2.354 1.14-3.025c.064-.157.283.26.493.47a4.6 4.6 0 0 0 .62.462a1.906 1.906 0 0 0-1.05 2.513c.241.576 1.1.954 2.514.944a75 75 0 0 0 7.805-.704a1.98 1.98 0 0 0 1.193-.67a28.8 28.8 0 0 0 7.06-3.195a12.7 12.7 0 0 1 4.795-2.209a1.37 1.37 0 0 0-.658-2.66h-.002a10.3 10.3 0 0 0-5.174 1.947c-2.744 1.697-4.105 1.582-4.105 1.582v-.074c-.19-.303.87-3.047-.315-6.283c-1.288-3.572-3.33-4.43-3.142-4.703a17 17 0 0 0 3.142-6.545c.42-2.095.306-5.604-.626-7.427c-.178-.335-1.729.566-1.729.566a22 22 0 0 0-1.853-3.498a.7.7 0 0 0-.248-.098m66.053 3.932a2.095 2.095 0 0 0-2.22 2.094a3.27 3.27 0 0 0 1.906 2.85a41.3 41.3 0 0 1-.735 7.677a1.4 1.4 0 0 0-.043.414c-.41 1.948-1.216 4.601-2.93 4.601v.012c-1.047 0-1.51-1.049-1.51-2.096v-7.331a2.095 2.095 0 0 0-2.397-1.96c-.618 0-1.153.315-1.153.754a9.6 9.6 0 0 1 .178 1.426v6.85c-.492 1.246-1.287 2.314-2.492 2.314c-1.56 0-2.533-1.33-2.533-3.644c0-6.4 3.958-9.29 7.33-9.29c.44 0 .89.083 1.289.083s.576-.262.576-1.047a1.843 1.843 0 0 0-2.096-1.865c-5.426 0-10.578 4.536-10.578 11.96q.002.421.033.827a17.6 17.6 0 0 1-3.29 5.28V55.329a2.095 2.095 0 0 0-2.378-1.948c-.618 0-1.152.314-1.152.754a9.6 9.6 0 0 1 .106 1.424v7.154c-.534 3.142-1.866 6-3.647 6c-1.288 0-2.094-1.288-2.094-3.687a32.2 32.2 0 0 1 1.29-8.975c.178-.67 1.466-2.441-.713-2.441c-2.356 0-2.096.89-2.358 1.644a43.4 43.4 0 0 0-1.486 10.004c0 3.865 1.623 6.398 4.598 6.398c1.906 0 3.288-1.287 4.357-3.068v5.645c-2.933 2.575-5.51 4.85-5.51 9.331c0 2.85 1.782 5.112 4.264 5.112c2.263 0 4.619-1.644 4.619-6.283V74.67a19.3 19.3 0 0 0 4.549-5.295c.887 1.34 2.262 2.164 4.101 2.164a4.94 4.94 0 0 0 3.822-1.822a3.93 3.93 0 0 0 3.426 1.822c3.58 0 5.369-3.508 6.201-6.363q.066-.127.115-.287a35.6 35.6 0 0 0 1.162-8.223h3.864a28.8 28.8 0 0 0-2.22 9.824c0 3.906 2.493 5.07 4.577 5.07v.042c1.7 0 2.988-.794 3.965-1.932a1.864 1.864 0 0 0 2.09 1.932c1.288 0 1.246-1.048 1.246-1.907v-6.494c.314-3.508 3.07-7.331 4.357-7.331c.849 0 .932 1.152.932 2.535v9.029c0 2.263 1.383 4.19 3.74 4.19c3.823 0 5.706-4.001 6.47-6.934a1.2 1.2 0 0 0 0-.315a1.96 1.96 0 0 0-1.558-1.822c-.44 0-.891.398-1.049 1.33c-.398 1.958-1.309 4.797-3.09 4.797c-1.15 0-1.15-1.644-1.15-2.094V57.42c0-2.094-.714-4.492-3.688-4.492c-2.179 0-3.78 1.905-4.974 4.399v-2a2.095 2.095 0 0 0-2.4-1.96c-.618 0-1.15.315-1.15.755a9.6 9.6 0 0 1 .177 1.425v7.715a2.7 2.7 0 0 0-.168.6c-.398 1.958-1.152 4.796-3.205 4.796c-1.205 0-1.78-1.151-1.78-2.398c0-4.44 2-9.689 2-10.222c.179-1.047-1.603-2.493-2.095-2.493h-2.314a17 17 0 0 1-2.356-.177a2.82 2.82 0 0 0-2.828-2.346Zm-24.09 26.591v4.756c0 .848.179 3.51-1.245 3.51l.04-.022c-.712 0-1.152-1.047-1.152-2.44a7.76 7.76 0 0 1 2.358-5.804z"/></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. YarnWordmarkIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.