Crossref Square Icon

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

<Icon icon="academicons:crossref-square" />

<template>
  <Icon icon="academicons:crossref-square" />
</template>

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

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

<Icon icon="academicons:crossref-square" />

<iconify-icon icon="academicons:crossref-square"></iconify-icon>

/* Add to your CSS */
.icon-crossref-square::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M48%2032C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048%2048h352c26.5%200%2048-21.5%2048-48V80c0-26.5-21.5-48-48-48zm287.379%2064v95.803l-68.983%2022.717l-142.271-48.877zM112.62%20169.43l142.246%2048.877l-142.246%2048.877zm153.775%2052.664l57.46%2018.935l-142.272%2048.858l-57.44-18.916zm68.983%2022.722v97.754l-142.272-48.877zM181.584%20297.48l142.271%2048.877L112.621%20416v-95.803z%22%2F%3E');
}

<path fill="currentColor" 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-48zm287.379 64v95.803l-68.983 22.717l-142.271-48.877zM112.62 169.43l142.246 48.877l-142.246 48.877zm153.775 52.664l57.46 18.935l-142.272 48.858l-57.44-18.916zm68.983 22.722v97.754l-142.272-48.877zM181.584 297.48l142.271 48.877L112.621 416v-95.803z"/>