evernote logo
evernote from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- evernote
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
The same logo in other sets
Use the evernote logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.222 5.393c0 .239-.02.637-.256.895c-.257.24-.652.259-.888.259H4.552c-.73 0-1.165 0-1.46.04c-.159.02-.356.1-.455.14c-.04.019-.04 0-.02-.02L8.38.796c.02-.02.04-.02.02.02c-.04.099-.118.298-.138.457c-.04.298-.04.736-.04 1.472v2.647zm5.348 17.869c-.67-.438-1.026-1.015-1.164-1.373a2.9 2.9 0 0 1-.217-1.095a3.007 3.007 0 0 1 3-3.004c.493 0 .888.398.888.895a.88.88 0 0 1-.454.776c-.099.06-.237.1-.336.12c-.098.02-.473.06-.65.218c-.198.16-.356.418-.356.697c0 .298.118.577.316.776c.355.358.829.557 1.342.557a2.436 2.436 0 0 0 2.427-2.447c0-1.214-.809-2.29-1.875-2.766c-.158-.08-.414-.14-.651-.2a8 8 0 0 0-.592-.1c-.829-.1-2.901-.755-3.04-2.605c0 0-.611 2.785-1.835 3.54c-.118.06-.276.12-.454.16c-.177.04-.374.06-.434.06c-1.993.12-4.105-.517-5.565-2.03c0 0-.987-.815-1.5-3.103c-.118-.558-.355-1.553-.493-2.488c-.06-.338-.08-.597-.099-.836c0-.975.592-1.631 1.342-1.73h4.026c.69 0 1.086-.18 1.342-.42c.336-.317.415-.775.415-1.312V1.354C9.05.617 9.703 0 10.669 0h.474c.197 0 .434.02.651.04c.158.02.296.06.533.12c1.204.298 1.46 1.532 1.46 1.532s2.27.398 3.415.597c1.085.199 3.77.378 4.282 3.104c1.204 6.487.474 12.775.415 12.775c-.849 6.129-5.901 5.83-5.901 5.83a4.1 4.1 0 0 1-2.428-.736m4.54-13.034c-.652-.06-1.204.2-1.402.697c-.04.1-.079.219-.059.278s.06.08.099.1c.237.12.631.179 1.204.239c.572.06.967.1 1.223.06c.04 0 .08-.02.119-.08c.04-.06.02-.18.02-.28c-.06-.536-.553-.934-1.204-1.014"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsEvernote(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.222 5.393c0 .239-.02.637-.256.895c-.257.24-.652.259-.888.259H4.552c-.73 0-1.165 0-1.46.04c-.159.02-.356.1-.455.14c-.04.019-.04 0-.02-.02L8.38.796c.02-.02.04-.02.02.02c-.04.099-.118.298-.138.457c-.04.298-.04.736-.04 1.472v2.647zm5.348 17.869c-.67-.438-1.026-1.015-1.164-1.373a2.9 2.9 0 0 1-.217-1.095a3.007 3.007 0 0 1 3-3.004c.493 0 .888.398.888.895a.88.88 0 0 1-.454.776c-.099.06-.237.1-.336.12c-.098.02-.473.06-.65.218c-.198.16-.356.418-.356.697c0 .298.118.577.316.776c.355.358.829.557 1.342.557a2.436 2.436 0 0 0 2.427-2.447c0-1.214-.809-2.29-1.875-2.766c-.158-.08-.414-.14-.651-.2a8 8 0 0 0-.592-.1c-.829-.1-2.901-.755-3.04-2.605c0 0-.611 2.785-1.835 3.54c-.118.06-.276.12-.454.16c-.177.04-.374.06-.434.06c-1.993.12-4.105-.517-5.565-2.03c0 0-.987-.815-1.5-3.103c-.118-.558-.355-1.553-.493-2.488c-.06-.338-.08-.597-.099-.836c0-.975.592-1.631 1.342-1.73h4.026c.69 0 1.086-.18 1.342-.42c.336-.317.415-.775.415-1.312V1.354C9.05.617 9.703 0 10.669 0h.474c.197 0 .434.02.651.04c.158.02.296.06.533.12c1.204.298 1.46 1.532 1.46 1.532s2.27.398 3.415.597c1.085.199 3.77.378 4.282 3.104c1.204 6.487.474 12.775.415 12.775c-.849 6.129-5.901 5.83-5.901 5.83a4.1 4.1 0 0 1-2.428-.736m4.54-13.034c-.652-.06-1.204.2-1.402.697c-.04.1-.079.219-.059.278s.06.08.099.1c.237.12.631.179 1.204.239c.572.06.967.1 1.223.06c.04 0 .08-.02.119-.08c.04-.06.02-.18.02-.28c-.06-.536-.553-.934-1.204-1.014"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.222 5.393c0 .239-.02.637-.256.895c-.257.24-.652.259-.888.259H4.552c-.73 0-1.165 0-1.46.04c-.159.02-.356.1-.455.14c-.04.019-.04 0-.02-.02L8.38.796c.02-.02.04-.02.02.02c-.04.099-.118.298-.138.457c-.04.298-.04.736-.04 1.472v2.647zm5.348 17.869c-.67-.438-1.026-1.015-1.164-1.373a2.9 2.9 0 0 1-.217-1.095a3.007 3.007 0 0 1 3-3.004c.493 0 .888.398.888.895a.88.88 0 0 1-.454.776c-.099.06-.237.1-.336.12c-.098.02-.473.06-.65.218c-.198.16-.356.418-.356.697c0 .298.118.577.316.776c.355.358.829.557 1.342.557a2.436 2.436 0 0 0 2.427-2.447c0-1.214-.809-2.29-1.875-2.766c-.158-.08-.414-.14-.651-.2a8 8 0 0 0-.592-.1c-.829-.1-2.901-.755-3.04-2.605c0 0-.611 2.785-1.835 3.54c-.118.06-.276.12-.454.16c-.177.04-.374.06-.434.06c-1.993.12-4.105-.517-5.565-2.03c0 0-.987-.815-1.5-3.103c-.118-.558-.355-1.553-.493-2.488c-.06-.338-.08-.597-.099-.836c0-.975.592-1.631 1.342-1.73h4.026c.69 0 1.086-.18 1.342-.42c.336-.317.415-.775.415-1.312V1.354C9.05.617 9.703 0 10.669 0h.474c.197 0 .434.02.651.04c.158.02.296.06.533.12c1.204.298 1.46 1.532 1.46 1.532s2.27.398 3.415.597c1.085.199 3.77.378 4.282 3.104c1.204 6.487.474 12.775.415 12.775c-.849 6.129-5.901 5.83-5.901 5.83a4.1 4.1 0 0 1-2.428-.736m4.54-13.034c-.652-.06-1.204.2-1.402.697c-.04.1-.079.219-.059.278s.06.08.099.1c.237.12.631.179 1.204.239c.572.06.967.1 1.223.06c.04 0 .08-.02.119-.08c.04-.06.02-.18.02-.28c-.06-.536-.553-.934-1.204-1.014"/></svg> </template>
CSS
.icon-evernote {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.222%205.393c0%20.239-.02.637-.256.895c-.257.24-.652.259-.888.259H4.552c-.73%200-1.165%200-1.46.04c-.159.02-.356.1-.455.14c-.04.019-.04%200-.02-.02L8.38.796c.02-.02.04-.02.02.02c-.04.099-.118.298-.138.457c-.04.298-.04.736-.04%201.472v2.647zm5.348%2017.869c-.67-.438-1.026-1.015-1.164-1.373a2.9%202.9%200%200%201-.217-1.095a3.007%203.007%200%200%201%203-3.004c.493%200%20.888.398.888.895a.88.88%200%200%201-.454.776c-.099.06-.237.1-.336.12c-.098.02-.473.06-.65.218c-.198.16-.356.418-.356.697c0%20.298.118.577.316.776c.355.358.829.557%201.342.557a2.436%202.436%200%200%200%202.427-2.447c0-1.214-.809-2.29-1.875-2.766c-.158-.08-.414-.14-.651-.2a8%208%200%200%200-.592-.1c-.829-.1-2.901-.755-3.04-2.605c0%200-.611%202.785-1.835%203.54c-.118.06-.276.12-.454.16c-.177.04-.374.06-.434.06c-1.993.12-4.105-.517-5.565-2.03c0%200-.987-.815-1.5-3.103c-.118-.558-.355-1.553-.493-2.488c-.06-.338-.08-.597-.099-.836c0-.975.592-1.631%201.342-1.73h4.026c.69%200%201.086-.18%201.342-.42c.336-.317.415-.775.415-1.312V1.354C9.05.617%209.703%200%2010.669%200h.474c.197%200%20.434.02.651.04c.158.02.296.06.533.12c1.204.298%201.46%201.532%201.46%201.532s2.27.398%203.415.597c1.085.199%203.77.378%204.282%203.104c1.204%206.487.474%2012.775.415%2012.775c-.849%206.129-5.901%205.83-5.901%205.83a4.1%204.1%200%200%201-2.428-.736m4.54-13.034c-.652-.06-1.204.2-1.402.697c-.04.1-.079.219-.059.278s.06.08.099.1c.237.12.631.179%201.204.239c.572.06.967.1%201.223.06c.04%200%20.08-.02.119-.08c.04-.06.02-.18.02-.28c-.06-.536-.553-.934-1.204-1.014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.222%205.393c0%20.239-.02.637-.256.895c-.257.24-.652.259-.888.259H4.552c-.73%200-1.165%200-1.46.04c-.159.02-.356.1-.455.14c-.04.019-.04%200-.02-.02L8.38.796c.02-.02.04-.02.02.02c-.04.099-.118.298-.138.457c-.04.298-.04.736-.04%201.472v2.647zm5.348%2017.869c-.67-.438-1.026-1.015-1.164-1.373a2.9%202.9%200%200%201-.217-1.095a3.007%203.007%200%200%201%203-3.004c.493%200%20.888.398.888.895a.88.88%200%200%201-.454.776c-.099.06-.237.1-.336.12c-.098.02-.473.06-.65.218c-.198.16-.356.418-.356.697c0%20.298.118.577.316.776c.355.358.829.557%201.342.557a2.436%202.436%200%200%200%202.427-2.447c0-1.214-.809-2.29-1.875-2.766c-.158-.08-.414-.14-.651-.2a8%208%200%200%200-.592-.1c-.829-.1-2.901-.755-3.04-2.605c0%200-.611%202.785-1.835%203.54c-.118.06-.276.12-.454.16c-.177.04-.374.06-.434.06c-1.993.12-4.105-.517-5.565-2.03c0%200-.987-.815-1.5-3.103c-.118-.558-.355-1.553-.493-2.488c-.06-.338-.08-.597-.099-.836c0-.975.592-1.631%201.342-1.73h4.026c.69%200%201.086-.18%201.342-.42c.336-.317.415-.775.415-1.312V1.354C9.05.617%209.703%200%2010.669%200h.474c.197%200%20.434.02.651.04c.158.02.296.06.533.12c1.204.298%201.46%201.532%201.46%201.532s2.27.398%203.415.597c1.085.199%203.77.378%204.282%203.104c1.204%206.487.474%2012.775.415%2012.775c-.849%206.129-5.901%205.83-5.901%205.83a4.1%204.1%200%200%201-2.428-.736m4.54-13.034c-.652-.06-1.204.2-1.402.697c-.04.1-.079.219-.059.278s.06.08.099.1c.237.12.631.179%201.204.239c.572.06.967.1%201.223.06c.04%200%20.08-.02.119-.08c.04-.06.02-.18.02-.28c-.06-.536-.553-.934-1.204-1.014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/evernote.svg?color=%231a73e8&size=48
