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

Devicon (Iconify)

SemaWordmark

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"><defs><clipPath id="SVGrR3hXb3H"><path d="M24 0h79.645v79.121H24Zm0 0"/></clipPath></defs><g clip-path="url(#SVGrR3hXb3H)"><path d="M63.688 0C41.82 0 24.086 17.719 24.086 39.563c0 21.84 17.734 39.558 39.602 39.558c21.859 0 39.601-17.719 39.601-39.558C103.29 17.718 85.547 0 63.687 0Zm-19.49 62.84l13.65-50.64h7.586L51.789 62.84Zm43.578-18.606l-4.144 3.352l-6.594-7.473l-6.871 7.473l-4.309-3.168l5.45-8.262l-8.985-3.511l1.602-5.723l9.484 2.465l.793-9.403h5.379l.79 9.403l8.991-2.282l1.84 5.54l-8.894 3.511Zm0 0"/></g><path d="M20.773 104.86c-.546-1.942-2.246-3.708-5.464-3.708c-2.922 0-5.137 1.383-5.118 3.395c-.02 1.715 1.172 2.754 4.192 3.43l5.07 1.085c5.594 1.22 8.32 3.81 8.352 8.024c-.016 5.621-5.25 9.46-12.68 9.46c-7.281 0-11.867-3.214-12.727-8.667l6.817-.66c.594 2.672 2.691 4.054 5.894 4.054c3.32 0 5.532-1.515 5.532-3.543c0-1.68-1.274-2.785-3.996-3.378l-5.067-1.055c-5.695-1.168-8.371-4.035-8.355-8.356c-.016-5.468 4.855-8.98 12.004-8.98c6.949 0 10.976 3.2 11.933 8.223Zm7.891 6.46c0-9.144 5.547-15.375 14.047-15.375c7.297 0 13.57 4.567 13.57 14.965v2.14H35.598c.066 5.075 3.054 8.044 7.578 8.044c3.02 0 5.332-1.32 6.273-3.824l6.535.726c-1.238 5.156-5.992 8.52-12.91 8.52c-8.945.015-14.41-5.903-14.41-15.196m20.918-2.965c-.035-4.039-2.742-6.972-6.77-6.972c-4.175 0-6.984 3.18-7.183 6.972Zm8.254-11.667h6.684v5.027h.347c1.238-3.38 4.211-5.422 8.188-5.422c3.996 0 6.886 2.059 8.023 5.422h.317c1.32-3.297 4.605-5.422 8.914-5.422c5.445 0 9.277 3.508 9.277 10.117v19.89H92.57v-18.784c0-3.66-2.246-5.325-5.07-5.325c-3.383 0-5.363 2.309-5.363 5.653v18.472h-6.871V107.22c0-3.051-2.028-5.028-4.985-5.028c-3.02 0-5.445 2.473-5.445 6.114v18.011h-7Zm43.464 21.687c0-6.676 5.516-8.39 11.263-9.016c5.23-.558 7.343-.66 7.343-2.668v-.117c0-2.918-1.781-4.562-5.015-4.562c-3.418 0-5.399 1.726-6.094 3.754l-6.54-.922c1.555-5.406 6.34-8.172 12.583-8.172c5.664 0 12.05 2.355 12.05 10.183v19.825h-6.718v-4.07h-.23c-1.274 2.488-4.063 4.663-8.72 4.663c-5.644 0-9.921-3.082-9.921-8.898Zm18.626-2.324v-3.496c-.91.726-4.574 1.203-6.422 1.453c-3.137.445-5.465 1.562-5.465 4.25c0 2.57 2.078 3.89 5 3.89c4.227 0 6.887-2.804 6.887-6.097m0 0"/></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. SemaWordmarkIcon.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.