ICONYZ
English
My Diary icon from Arcticons

My Diary icon

arcticons:my-diary

The My Diary icon (arcticons:my-diary) 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
mydiary
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.707 12.362h19.88a2.553 2.553 0 0 1 2.56 2.56V40.94a2.553 2.553 0 0 1-2.56 2.559h-19.88a2.553 2.553 0 0 1-2.56-2.559V14.92a2.553 2.553 0 0 1 2.56-2.56z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.147 35.916H10.9a2.043 2.043 0 0 1-2.047-2.047V10.905c0-1.133.913-2.046 2.047-2.046h17.602c1.134 0 2.047.913 2.047 2.046v1.457"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.878 8.859l.157-2.442a2.04 2.04 0 0 1 2.174-1.912h0l17.457 1.123a2.043 2.043 0 0 1 1.912 2.174l-.293 4.561M21.438 24.68h10.418m-10.418 2.277h10.418"/></svg>

How to use the My Diary icon

React

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

<Icon icon="arcticons:my-diary" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:my-diary" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:my-diary" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--my-diary]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:my-diary"></div>

Web component

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

<iconify-icon icon="arcticons:my-diary"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/arcticons/my-diary.svg" alt="My Diary icon" width="24" height="24">

Related icons in Arcticons

my-a1 icon
my-a1
 my-ac icon
my-ac
 my-apps-time icon
my-apps-time
 my-argentina icon
my-argentina
 my-au icon
my-au
 my-audi icon
my-audi
 my-base icon
my-base
 my-boy icon
my-boy
 my-bplus icon
my-bplus
 my-brain icon
my-brain
 my-cloud-home icon
my-cloud-home
 my-cupra icon
my-cupra
 my-data-manager icon
my-data-manager
 my-desktop-iscreen icon
my-desktop-iscreen
 my-device icon
my-device
 my-diary-2 icon
my-diary-2
 my-digi icon
my-digi
 my-dishtv icon
my-dishtv
 my-docomo icon
my-docomo
 my-dyson icon
my-dyson
 my-edenred icon
my-edenred
 my-edenred-shopping icon
my-edenred-shopping
 my-ee icon
my-ee
 my-excitel icon
my-excitel

My Diary icon FAQ

Is the My Diary 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 My Diary icon in React?

Install @iconify/react and render <Icon icon="arcticons:my-diary" />, or use “Copy code” on this page to get a standalone React component.

How do I add the My Diary icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/arcticons/my-diary.svg" alt="My Diary icon">, or paste the SVG code inline to style it with CSS.

Browse all Arcticons →