Home/Libraries/Devicon Plain (Iconify)/doctrine

Devicon Plain (Iconify)

Doctrine

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="M112.3 79.1c-.1-3.1-.6-6.1-1.4-9c-2.1-7.8-6.2-14.6-11.5-20.6c-4.2-4.8-8.6-9.4-12.9-14.2L61.9 8.5c-1.6-1.8-3.3-3.5-5.2-5.1c-3.4-2.8-7.3-3.2-11.5-2c-1.2.4-2.3 1-3.4 1.6c-.7.4-1.4 1-2 1.7c-2.3 2.7-2.7 5.9-2.3 9.2c.3 2.8 1.7 5.1 3.5 7.1c3.6 3.9 7.2 7.8 10.7 11.7l3.1 3.4l-.2.2l-.8.4c-7.4 3.5-14.2 7.9-20.1 13.6c-3.9 3.8-7.3 7.9-9.7 12.9c-3.7 7.8-4.7 16-4.1 24.4c.3 3.6 1.1 7 2.4 10.3c2.1 5.5 5.3 10.2 9.3 14.5c8.4 9 18.8 13.9 31.1 14.6c2.4.1 4.8 0 7.2-.1c3.2-.2 6.3-.7 9.5-1.5c8.8-2.2 16.1-6.9 21.8-13.9c8-9.3 11.6-20.2 11.1-32.4m-17.9 5c-1.4 3.7-3.7 6.9-6.6 9.6c-5.9 5.6-11.8 11.2-17.8 16.8c-1.3 1.2-2.6 2.4-4 3.4c-3.7 2.6-9.8.8-11.5-4c-.6-1.6-.3-3.3.5-4.9c1.1-2.3 2.7-4.3 4.5-6.1c2.7-2.8 5.5-5.5 8.3-8.3l.6-.6h-9.9c-2.4 0-4.8.1-7.3.1c-3.1 0-6.3-.1-9.4-.3c-1.1 0-2.3-.1-3.4-.3c-3.1-.7-4.9-2.8-5.4-5.8c-.6-3.2.1-6.1 2.5-8.4c1.3-1.2 2.9-1.8 4.6-1.9c2.8-.1 5.7-.1 8.5-.1h19.8c-1-1-2-2.1-3-3.2c-2.8-2.8-5.7-5.5-8.5-8.4c-1.7-1.8-2.8-3.9-3-6.4c-.1-1.2.3-2.3.9-3.4c1.6-2.6 4-3.8 7-4c2.8-.2 5.1 1 7.1 2.9c3.2 3 6.2 6.2 9.3 9.3c3.3 3.3 6.5 6.5 9.7 9.8c2.1 2.1 4 4.4 5.5 7c.8 1.4 1.4 2.9 1.5 4.6c-.1 1-.2 1.9-.5 2.6"/></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. DoctrineIcon.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.