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

Devicon (Iconify)

SketchWordmark

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 d="M43.408 68.698v-.325h-2.773v.366c.173 4.125 2.946 6.857 7.893 6.857c4.714 0 7.924-2.448 7.924-6.156a5.08 5.08 0 0 0-2.032-4.399a10.7 10.7 0 0 0-4.256-1.605l-.386-.091l-.437-.092c-3.667-.772-4.836-1.442-4.836-3.433s1.687-3.373 4.51-3.373a4.216 4.216 0 0 1 4.562 4.317v.346h2.702v-.356c-.101-4.124-2.864-6.908-7.334-6.908s-7.294 2.652-7.294 6.096a4.88 4.88 0 0 0 2.031 4.327a10.7 10.7 0 0 0 4.267 1.463l.315.061l.315.061a11.2 11.2 0 0 1 3.606 1.087a2.77 2.77 0 0 1 1.463 2.641c0 2.184-1.839 3.424-5.08 3.424s-4.946-1.544-5.16-4.308M62.222 53.46v-.355H59.5V75.18h2.732v-4.145l2.875-2.804l5.13 6.817l.112.142h3.393l-.437-.569l-6.257-8.249l5.78-5.75l.61-.61h-3.719l-.101.102l-7.386 7.437zm25.519 15.035h.335v-1.128c0-4.46-2.956-7.75-7.324-7.75s-7.467 3.504-7.467 7.923s2.966 7.954 7.497 7.954a7.11 7.11 0 0 0 7.03-5.079l.142-.457h-2.793l-.082.234a4.33 4.33 0 0 1-4.216 2.804a4.704 4.704 0 0 1-4.754-4.47zm-11.55-2.316a4.6 4.6 0 0 1 4.622-3.982a4.39 4.39 0 0 1 4.52 3.982zm20.906-3.759h.356v-2.417H94.12v-4.125h-2.692v4.125h-2.804v2.417h2.804v8.524c0 2.793 1.452 4.307 4.063 4.307a9 9 0 0 0 1.209-.071l.427-.082l.264-.07v-2.53l-.427.091h-.386a6 6 0 0 1-.752.071h-.07c-1.17 0-1.636-.548-1.636-1.92v-8.32zm8.493 13.115a6.97 6.97 0 0 0 7.111-5.78l.081-.427h-2.753l-.07.264a4.27 4.27 0 0 1-4.38 3.404c-2.803 0-4.733-2.215-4.733-5.395s1.93-5.414 4.734-5.414a4.27 4.27 0 0 1 4.378 3.403l.071.264h2.733l-.081-.427a6.97 6.97 0 0 0-7.111-5.78c-4.389 0-7.498 3.525-7.498 7.954s3.13 7.934 7.508 7.934zm12.19-22.034v-.356h-2.732V75.18h2.793v-8.9a3.78 3.78 0 0 1 3.993-4.134c2.296 0 3.454 1.33 3.454 3.85v9.184H128V65.6c0-3.566-2.204-5.933-5.841-5.933a5.98 5.98 0 0 0-4.318 1.666z"/><path fill="#818cf8" d="m7.111 50.403l9.143-.955l9.143.955l7.11 9.427l-16.253 18.733L0 59.83Z"/><path fill="#818cf8" d="m6.573 59.83l9.65 18.733L0 59.83Zm19.301 0l-9.65 18.733L32.447 59.83z"/><path fill="#818cf8" d="M6.573 59.83h19.301l-9.65 18.733z"/><path fill="#818cf8" d="m16.224 49.438l-9.143.964l-.508 9.428Zm0 0l9.142.964l.508 9.428z"/><path fill="#818cf8" d="m32.447 59.83l-7.08-9.428l.507 9.428zM0 59.83l7.08-9.428l-.507 9.428z"/><path fill="#818cf8" d="M16.224 49.438L6.573 59.83h19.301Z"/></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. SketchWordmarkIcon.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.