Home/Libraries/SVG Logos (Iconify)/craftcms

SVG Logos (Iconify)

Craftcms

License: CC0-1.0Commercial 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 512 125"><path fill="#818cf8" d="M177.36 75.803c-8.44 0-13.095-5.383-11.931-13.094c1.31-7.857 7.711-13.095 16.004-13.095c4.365 0 8.294 2.037 10.622 5.092l8.147-6.692c-4.365-4.947-10.62-7.42-17.314-7.42c-13.676 0-25.607 9.166-27.644 22.115c-2.037 13.094 6.693 22.115 20.515 22.115c6.984 0 13.968-2.91 20.078-7.711l-5.82-6.693c-4.219 3.783-8.584 5.383-12.658 5.383m54.707-34.773s-1.746-.291-1.892-.291c-1.891-.291-3.928-.146-5.82 0c-1.745.145-3.491.436-5.237 1.018c-1.455.437-3.056 1.019-4.365 1.892l.29-2.037h-9.893l-6.693 42.194h9.894l3.928-24.59c.146-1.454.728-2.764 1.455-3.928a9.26 9.26 0 0 1 2.91-2.91a12.4 12.4 0 0 1 3.638-1.89a18.4 18.4 0 0 1 4.074-.874c1.891-.145 3.928 0 5.82.437h.145c.291 0 1.746-9.021 1.746-9.021m34.628 3.2c-2.764-2.327-6.984-3.637-11.93-3.637c-12.368 0-23.571 8.876-25.753 21.97c-2.037 13.095 6.547 21.97 18.477 21.97c5.384 0 9.894-.727 13.677-3.346l-.29 2.328h9.02l6.547-41.903h-9.312zm-2.037 18.333c-1.31 8.003-7.275 13.531-14.986 13.531c-7.857 0-12.367-5.82-11.058-13.676c1.31-7.857 7.566-13.386 15.277-13.386c7.712.146 11.931 5.529 10.767 13.531m57.47-20.951l1.892-11.93l-11.348 8.147l-.582 3.928h-12.804l1.31-8.002c.727-3.783 4.8-3.637 4.8-3.637h4.802l1.455-8.73h-6.839c-13.53 0-13.967 10.476-13.967 10.476l-.873 4.946l-.727 4.947h-.873l-11.058 8.73h10.476l-6.693 42.63h10.185l6.693-42.775h12.803l-5.238 33.464h10.04l5.237-33.464h12.513l1.455-8.73zm26.918 21.097c2.037-12.95 13.822-22.116 27.644-22.116c6.693 0 12.949 2.62 17.314 7.42l-8.148 6.693c-2.328-3.055-6.256-5.092-10.621-5.092c-8.293 0-14.695 5.383-16.005 13.095c-1.164 7.711 3.492 13.094 11.931 13.094c4.074 0 8.439-1.6 12.658-5.383l5.82 6.693c-6.11 4.947-13.095 7.711-20.078 7.711c-13.823 0-22.552-9.02-20.515-22.115m117.851-4.51l-3.928 25.607h-9.894l3.929-24.88c1.018-5.82-2.183-9.312-7.857-9.312c-5.966 0-11.93 3.637-12.804 9.603l-3.928 24.589h-9.894l3.928-24.88c.873-5.675-2.473-9.166-7.856-9.312c-5.53.291-11.931 3.783-12.804 9.603l-3.928 24.589h-9.894l6.693-42.194h9.893l-.29 2.037c3.346-2.037 7.129-2.91 11.93-3.056h.873c6.11 0 11.058 2.474 13.677 6.693c4.074-4.22 10.33-6.693 16.586-6.693c10.767 0 17.314 7.13 15.568 17.605m-.436 20.515l6.11-7.566c3.347 2.62 9.749 4.656 15.132 4.656c4.947 0 9.894-1.018 10.476-4.365c.436-2.618-4.365-3.491-9.748-4.364c-11.204-1.892-16.878-4.22-15.714-12.659c1.746-10.62 12.658-13.676 21.679-13.676c6.402 0 13.095 2.182 17.605 5.238l-6.11 7.565c-3.493-2.182-8.003-3.782-13.095-3.782c-5.966 0-9.458 1.746-9.894 4.51c-.291 1.891 1.31 2.619 8.293 3.783c10.185 1.746 18.624 3.346 17.023 13.094c-1.31 8.876-10.33 13.823-22.115 13.823c-6.548-.146-14.986-2.474-19.642-6.257M111.304 0h-98.21A13.04 13.04 0 0 0 0 13.095v98.21a13.04 13.04 0 0 0 13.095 13.094h98.21c7.129 0 13.094-5.82 13.094-13.095v-98.21A13.04 13.04 0 0 0 111.304 0M61.981 75.803c4.074 0 8.439-1.6 12.658-5.383l5.82 6.693c-6.11 4.947-13.094 7.711-20.078 7.711c-13.822 0-22.552-9.166-20.515-22.115c2.037-12.95 13.822-22.116 27.644-22.116c6.693 0 12.95 2.62 17.314 7.42l-8.148 6.693c-2.328-3.055-6.256-5.092-10.62-5.092c-8.294 0-14.696 5.383-16.005 13.095c-1.164 7.711 3.491 13.094 11.93 13.094"/></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. CraftcmsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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