Creature Journal icon
arcticons:creature-journal
The Creature Journal icon (arcticons:creature-journal) is a free SVG icon from the Arcticons set by Donnnno. It is drawn on a 48 × 48 grid. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Arcticons
- Author
- Donnnno
- License
- CC-BY-SA-4.0
- Size
- 48 × 48
- Tags
- creaturejournal
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="30.565" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.908 22.414c0-.854.346-1.627.906-2.187a3.092 3.092 0 0 1 5.278 2.186c0 .854-.288 1.692-.906 2.187c-.64.513-2.197 1.354-2.197 2.662"/><rect width="31" height="39" x="8.5" y="4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4" ry="4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33 37c0 .555-.45 1.005-1.005 1.005c-.617 0-.804-.324-.995-.502S30.622 37 30.005 37C29.45 37 29 37.45 29 38.005M26 37c0 .555-.45 1.005-1.005 1.005c-.617 0-.804-.324-.995-.502S23.622 37 23.005 37C22.45 37 22 37.45 22 38.005M19 37c0 .555-.45 1.005-1.005 1.005c-.617 0-.804-.324-.995-.502S16.622 37 16.005 37C15.45 37 15 37.45 15 38.005M11.1 8.5h9v9h-9z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.702 11.102h3.797v3.797h-3.797zm15.163 3.225v.032a2.65 2.65 0 0 1-2.65 2.65h0a2.65 2.65 0 0 1-2.65-2.65v-2.7a2.65 2.65 0 0 1 2.65-2.65h0a2.65 2.65 0 0 1 2.65 2.65v.033m2.703 4.698c.552.462 1.149.674 2.488.674h.312a2 2 0 0 0 2-2h0a2 2 0 0 0-2-1.999"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.567 9.733c.554-.462 1.15-.672 2.49-.669l.31.002a2 2 0 0 1 2 2h0a2 2 0 0 1-2 2m-1.536-.001h1.537"/></svg>How to use the Creature Journal icon
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:creature-journal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:creature-journal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:creature-journal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--creature-journal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:creature-journal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:creature-journal"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/arcticons/creature-journal.svg" alt="Creature Journal icon" width="24" height="24">Creature Journal icon FAQ
Is the Creature Journal icon free for commercial use?
Yes. Arcticons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Creature Journal icon in React?
Install @iconify/react and render <Icon icon="arcticons:creature-journal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Creature Journal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/arcticons/creature-journal.svg" alt="Creature Journal icon">, or paste the SVG code inline to style it with CSS.