Square Academic Cap 2 Outline icon

solar:square-academic-cap-2-outline

The Square Academic Cap 2 Outline icon (solar:square-academic-cap-2-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: School
Tags: squareacademic, academiccap, capoutline, squareacademiccapoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M9.46455 2.82057C11.0873 2.05981 12.913 2.05981 14.5358 2.82057L21.227 5.95756C22.2793 6.4509 22.7502 7.52222 22.7502 8.50002C22.7502 9.47782 22.2792 10.5491 21.227 11.0425L19.75 11.7349V16.6254C19.75 17.8785 19.1217 19.0883 17.978 19.7217C17.2263 20.138 16.2384 20.6391 15.1988 21.038C14.1715 21.4321 13.0339 21.75 12 21.75C10.9661 21.75 9.82851 21.4321 8.80117 21.038C7.76159 20.6391 6.77371 20.138 6.02199 19.7217C4.87826 19.0883 4.25 17.8785 4.25 16.6254V11.5C4.25 11.4586 4.25336 11.4179 4.25982 11.3783C4.2363 11.2343 4.25448 11.0818 4.32112 10.9397C4.49695 10.5647 4.94352 10.4032 5.31856 10.579L10.1014 12.8213C11.3207 13.3929 12.6798 13.3929 13.8991 12.8213L20.5902 9.68433C20.9934 9.49531 21.2502 9.04443 21.2502 8.50002C21.2502 7.95562 20.9934 7.50473 20.5902 7.31571L13.899 4.17873C12.6797 3.60709 11.3206 3.60709 10.1013 4.17872L3.41017 7.31567C3.03512 7.4915 2.58855 7.33 2.41272 6.95496C2.2369 6.57992 2.39839 6.13335 2.77343 5.95752L9.46455 2.82057ZM5.75 12.4379V16.6254C5.75 17.3884 6.12875 18.0661 6.74869 18.4095C7.46533 18.8063 8.38679 19.2724 9.33845 19.6375C10.3023 20.0073 11.2379 20.25 12 20.25C12.7621 20.25 13.6977 20.0073 14.6616 19.6375C15.6132 19.2724 16.5347 18.8063 17.2513 18.4095C17.8713 18.0661 18.25 17.3884 18.25 16.6254V12.4381L14.5358 14.1794C12.9131 14.9402 11.0874 14.9402 9.46464 14.1794L5.75 12.4379Z" clip-rule="evenodd"/><path d="M6.68936 7.70456C6.85253 8.08528 6.67616 8.52619 6.29544 8.68936L5.21977 9.15036C4.617 9.40869 4.21985 9.58 3.928 9.74418C3.65202 9.89944 3.53244 10.0154 3.45645 10.1307C3.38046 10.2459 3.32095 10.4015 3.28696 10.7164C3.25101 11.0493 3.25 11.4818 3.25 12.1376V15C3.25 15.4142 2.91422 15.75 2.5 15.75C2.08579 15.75 1.75 15.4142 1.75 15V12.0987C1.74998 11.4923 1.74996 10.9782 1.79563 10.5553C1.84421 10.1053 1.94986 9.69064 2.20419 9.30494C2.45851 8.91925 2.79805 8.65879 3.19254 8.43686C3.56327 8.2283 4.03569 8.02585 4.59315 7.78696L5.70456 7.31064C6.08529 7.14747 6.5262 7.32384 6.68936 7.70456Z"/></g></svg>

How to use the Square Academic Cap 2 Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:square-academic-cap-2-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:square-academic-cap-2-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:square-academic-cap-2-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--square-academic-cap-2-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:square-academic-cap-2-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:square-academic-cap-2-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/square-academic-cap-2-outline.svg" alt="Square Academic Cap 2 Outline icon" width="24" height="24">

Related icons in Solar

Square Academic Cap 2 Outline icon FAQ

Is the Square Academic Cap 2 Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Square Academic Cap 2 Outline icon in React?

Install @iconify/react and render <Icon icon="solar:square-academic-cap-2-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Square Academic Cap 2 Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/square-academic-cap-2-outline.svg" alt="Square Academic Cap 2 Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →