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

Academicons (Iconify)

ViafSquare

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-48zm151.008 64c26.528 0 30.335.257 29.695 2.193c-.432 1.216-2.351 2.176-4.191 2.176c-5.28 0-9.728 5.902-11.328 14.83c-1.136 6.688-4.768 83.633-3.936 84.465c.512.576 60.56-73.664 64.065-79.184a34.4 34.4 0 0 0 4.382-10.607c.704-4.752.449-5.2-4.767-7.648c-9.92-4.752-6.176-6.225 15.648-6.225c15.584 0 19.967.384 19.967 1.92c0 1.04-2.095 2.96-4.639 4.24l-71.888 84.08c-34.224 42.016-51.264 61.856-53.44 62.176c-3.104.448-3.105.448-2.289-16.176l2.674-69.44c2.096-58.383 2.03-59.15-5.857-61.599c-2.48-.768-4.512-2.306-4.512-3.346c0-1.472 6.496-1.855 30.416-1.855m150.385 0c30.848 0 35.247.257 34.543 2.193c-.448 1.216-2.48 2.176-4.448 2.176c-5.216 0-12.16 4.944-14.896 10.527c-3.056 6.24-32.447 115.296-32.447 120.448c0 4.752 4.142 8.207 11.39 9.44c13.168 2.24 2.37 3.456-30.91 3.456s-42.946-1.153-29.266-3.457a20.48 20.48 0 0 0 14.688-10.99c2.112-4.24 30.546-107.65 32.066-116.45c1.152-6.815-2.417-11.054-10.433-12.398c-3.376-.576-5.6-1.729-5.6-2.945c0-1.68 6.369-2 35.313-2m-155.41 167.328c2.655 0 2.72.705 1.904 21.649c-4.144 105.84-4.337 117.408-1.905 121.328c1.264 2.112 3.938 4.238 5.778 4.75c1.92.448 3.504 1.793 3.504 2.96c0 1.665-5.536 1.985-31.36 1.985c-24.368 0-31.168-.385-30.672-1.793c.256-1.04 2.8-2.255 5.6-2.703c10.048-1.728 12.545-7.008 14.129-30.32l.894-13.618h-21.248l-21.248.067l-11.07 14.592c-13.104 17.2-15.2 22.608-10.496 26.64c1.776 1.552 4.335 2.766 5.791 2.766s2.607.961 2.607 2.193c0 1.856-3.311 2.176-21.439 2.176c-17.888 0-21.312-.319-20.688-2.047c.448-1.168 2.368-2.513 4.272-3.025l70.672-81.76c36.64-46.256 52.99-65.84 54.974-65.84m118.769 4.432c40.832 0 58.209.447 58.209 1.6l-7.057 31.025c-.96 3.856-2.177 5.52-3.953 5.52c-1.968 0-2.735-1.538-3.375-6.93c-2.16-17.216-10.882-22.863-35.426-23.055l-15.84-.063l-7.326 25.678c-3.936 14.144-7.312 26.848-7.312 28.336c-.128 2.432.768 2.562 9.92 1.602c15.344-1.536 23.6-6.674 31.553-19.522c1.216-1.872 3.118-3.214 4.398-2.894c1.84.448 1.01 4.75-5.598 29.166c-6.048 22.032-8.402 28.705-10.242 29.09c-2.048.384-2.414-.641-2.414-7.057c0-8.8-2.609-14.977-7.377-17.217c-1.856-.896-7.84-2.127-13.183-2.703L288 339.312l-2.799 10.08c-14.128 50.944-14.945 56.016-9.601 59.936c1.712 1.28 5.472 2.303 8.336 2.303c3.744 0 5.216.641 5.216 2.193c0 1.92-4.912 2.176-36.144 2.176c-28.048 0-35.999-.385-35.551-1.793c.32-.976 3.231-2.318 6.543-2.894c6.944-1.28 11.2-5.01 14.385-12.594c3.808-9.12 30.078-106.24 30.91-114.272c.704-6.672.45-7.696-2.414-9.888a22.7 22.7 0 0 0-7.824-3.262c-2.48-.528-4.512-1.552-4.512-2.256zm-149.055 45.793l-36.511 44.511l33.837.383c.576-.576 3.186-44.318 2.674-44.894"/></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. ViafSquareIcon.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