Evernote icon
whh:evernote
The Evernote icon (whh:evernote) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 897 × 1025 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 897 × 1025
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="897" height="1025" viewBox="0 0 897 1025"><path fill="currentColor" d="M897 641q0 177-24 259t-80 96q-3 1-22 6.5t-31 8t-33.5 6.5t-45.5 6t-52 2q-104 0-128-32q-10-14-21-45t-11-51q0-67 28.5-97.5T577 769q64 0 64 32q0 1-7 8.5T611 825t-34 8q-14 0-39 20.5T513 897q0 21 26 42.5t70 21.5q19 0 31-1t26-4.5t21.5-10T700 927t5-30V769q0-14-2-24.5t-5-17.5t-9.5-11.5t-11.5-7t-15-3.5t-16-1t-18 .5t-19 .5q-102 0-128-32l-4.5-5.5l-7.5-9.5l-7-11l-7.5-17l-5.5-21q0 30-31.5 69T348 743t-59 26h-96q-30 0-76.5-36.5t-81-83T1 577V321q0-27 17-45.5T65 257h128q20 0 42-23t22-41V65q0-29 25.5-46.5T360 1q58 0 108 19t77 45q71 1 110 3t84 9t62 20q27 21 41 33.5t29 31.5t20.5 42t5.5 53zM705.5 385q-26.5 0-45.5 19t-19 45l103 51q25-19 25-51q0-26-18.5-45t-45-19M161 193H2l-1-1q-2-4 27-43t54-67q24-26 62-55t47-26l2 4v156q0 13-9 22.5t-23 9.5"/></svg>
How to use the Evernote icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:evernote" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:evernote" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:evernote" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--evernote]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:evernote"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:evernote"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/evernote.svg" alt="Evernote icon" width="24" height="24">
Evernote icon in other icon sets
Evernote icon FAQ
Is the Evernote icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Evernote icon in React?
Install @iconify/react and render <Icon icon="whh:evernote" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Evernote icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/evernote.svg" alt="Evernote icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
