Microsoft Onenote Icon
Free SVG icon from the Arcticons collection. Download or copy for use in any project.
The Microsoft Onenote icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/343790.svg" alt="Microsoft Onenote icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/343790.svg" alt="Microsoft Onenote icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/343790.svg" alt="Microsoft Onenote icon" :width="24" :height="24" />
CSS background
.icon-microsoft-onenote {
background-image: url('https://proicons.com/icon/343790.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="a" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 48 48">
<defs>
<style>
.cls-1 {
fill: none;
stroke:#fff;
stroke-linecap: round;
stroke-linejoin: round;
}
</style>
</defs>
<line class="cls-1" x1="11.8" y1="18.5" x2="11.8" y2="29.5"/>
<line class="cls-1" x1="19.2" y1="29.5" x2="19.2" y2="18.5"/>
<line class="cls-1" x1="11.8" y1="18.5" x2="19.2" y2="29.5"/>
<path class="cls-1" d="M5.5,16v16c0,1.1.9,2,2,2h16c1.1,0,2-.9,2-2v-16c0-1.1-.9-2-2-2H7.5c-1.1,0-2,.9-2,2Z"/>
<path class="cls-1" d="M13.2,14v-5.5c0-2.2,1.8-4,4-4h21.3c2.2,0,4,1.8,4,4v31c0,2.2-1.8,4-4,4h-21.3c-2.2,0-4-1.8-4-4v-5.5"/>
</svg>
More from Arcticons
View all
Microsoft Onenote in other icon packs
Copied!