Home/Libraries/Academicons (Iconify)/doi-square

Academicons (Iconify)

DoiSquare

License: OFL-1.1

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 448 512"><path fill="#818cf8" d="M48 32C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm176 64c88.365 0 160 71.635 160 160s-71.635 160-160 160S64 344.365 64 256S135.635 96 224 96m-67.586 60.934v63.548c-3.393-3.521-9.125-7.137-12.326-8.673c-5.57-2.688-13.388-3.256-19.725-3.256c-10.884 0-21.139 5.79-29.525 13.025q-15.846 13.636-15.846 36.492c0 14.982 4.843 28.879 15.15 37.97c8.643 7.616 18.503 11.118 29.579 11.118c6.85 0 14.152-1.96 19.529-4.969c3.072-1.727 10.153-5.578 13.162-9.355v12.062h29.637V156.934zm168.656.61q-7.393.001-12.58 5.186q-5.091 5.091-5.09 12.485q0 7.394 5.09 12.58q5.184 5.185 12.58 5.185q7.49 0 12.58-5.09q5.186-5.185 5.184-12.675q.002-7.395-5.184-12.485q-5.185-5.185-12.58-5.185m-78.023 49.726q-27.465 0-42.35 17.123q-12.292 14.183-12.293 32.521q.001 20.363 12.198 34.344q14.79 17.02 41.486 17.021q26.6 0 41.389-17.02q12.197-13.98 12.195-33.534q0-19.352-12.291-33.332q-15.078-17.123-40.334-17.123m62.273 3.466v94.086h31.498v-94.086zm-175.906 23.655c5.633 0 12.85 3.521 16.818 7.492c3.97 3.905 5.516 10.65 5.516 16.283c0 5.697-3.302 12.255-7.271 16.16c-3.904 3.906-10.68 6.297-16.38 6.297c-6.338 0-10.614-3.245-14.583-7.982c-3.266-3.842-5.118-9.325-5.118-14.254s1.634-10.852 4.899-14.694c4.033-4.737 9.844-9.3 16.12-9.3zm112.674 1.548c5.761 0 10.66 2.132 14.691 6.387q6.146 6.281 6.147 15.399c0 6.146-2.016 11.343-6.051 15.6q-6.048 6.282-14.787 6.284q-9.795 0-15.942-7.7q-4.992-6.18-4.994-14.184q.002-7.904 4.994-14.084q6.148-7.702 15.942-7.702"/></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. DoiSquareIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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

Related Icons in Academicons (Iconify)

Browse all Academicons (Iconify) icons →

acm

ads