note4 icon
note4-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- note4-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the note4 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.676 19.959c.275.064.3.424.032.513l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76l-1.28-3.95c-1.28-3.97-.22-6.07 3.75-7.35l.524-.174c.403-.133.795.271.68.68q-.084.303-.164.634l-.98 4.19c-1.1 4.71.51 7.31 5.22 8.43z"/><path d="m17.17 3.209l-1.67-.39c-3.34-.79-5.33-.14-6.5 2.28c-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4q.87.21 1.62.27c3.12.3 4.78-1.16 5.62-4.77l.98-4.18c.98-4.18-.3-6.25-4.49-7.23m-1.88 10.12c-.09.34-.39.56-.73.56c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.41.1.65.51.55.91m2.93-3.38c-.09.34-.39.56-.73.56c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23c.41.09.65.5.55.91"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconNote4Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.676 19.959c.275.064.3.424.032.513l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76l-1.28-3.95c-1.28-3.97-.22-6.07 3.75-7.35l.524-.174c.403-.133.795.271.68.68q-.084.303-.164.634l-.98 4.19c-1.1 4.71.51 7.31 5.22 8.43z"/><path d="m17.17 3.209l-1.67-.39c-3.34-.79-5.33-.14-6.5 2.28c-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4q.87.21 1.62.27c3.12.3 4.78-1.16 5.62-4.77l.98-4.18c.98-4.18-.3-6.25-4.49-7.23m-1.88 10.12c-.09.34-.39.56-.73.56c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.41.1.65.51.55.91m2.93-3.38c-.09.34-.39.56-.73.56c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23c.41.09.65.5.55.91"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12.676 19.959c.275.064.3.424.032.513l-1.58.52c-3.97 1.28-6.06.21-7.35-3.76l-1.28-3.95c-1.28-3.97-.22-6.07 3.75-7.35l.524-.174c.403-.133.795.271.68.68q-.084.303-.164.634l-.98 4.19c-1.1 4.71.51 7.31 5.22 8.43z"/><path d="m17.17 3.209l-1.67-.39c-3.34-.79-5.33-.14-6.5 2.28c-.3.61-.54 1.35-.74 2.2l-.98 4.19c-.98 4.18.31 6.24 4.48 7.23l1.68.4q.87.21 1.62.27c3.12.3 4.78-1.16 5.62-4.77l.98-4.18c.98-4.18-.3-6.25-4.49-7.23m-1.88 10.12c-.09.34-.39.56-.73.56c-.06 0-.12-.01-.19-.02l-2.91-.74a.75.75 0 0 1 .37-1.45l2.91.74c.41.1.65.51.55.91m2.93-3.38c-.09.34-.39.56-.73.56c-.06 0-.12-.01-.19-.02l-4.85-1.23a.75.75 0 0 1 .37-1.45l4.85 1.23c.41.09.65.5.55.91"/></g></svg> </template>
CSS
.icon-note4-filled {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.676%2019.959c.275.064.3.424.032.513l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76l-1.28-3.95c-1.28-3.97-.22-6.07%203.75-7.35l.524-.174c.403-.133.795.271.68.68q-.084.303-.164.634l-.98%204.19c-1.1%204.71.51%207.31%205.22%208.43z%22%2F%3E%3Cpath%20d%3D%22m17.17%203.209l-1.67-.39c-3.34-.79-5.33-.14-6.5%202.28c-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4q.87.21%201.62.27c3.12.3%204.78-1.16%205.62-4.77l.98-4.18c.98-4.18-.3-6.25-4.49-7.23m-1.88%2010.12c-.09.34-.39.56-.73.56c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.41.1.65.51.55.91m2.93-3.38c-.09.34-.39.56-.73.56c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23c.41.09.65.5.55.91%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12.676%2019.959c.275.064.3.424.032.513l-1.58.52c-3.97%201.28-6.06.21-7.35-3.76l-1.28-3.95c-1.28-3.97-.22-6.07%203.75-7.35l.524-.174c.403-.133.795.271.68.68q-.084.303-.164.634l-.98%204.19c-1.1%204.71.51%207.31%205.22%208.43z%22%2F%3E%3Cpath%20d%3D%22m17.17%203.209l-1.67-.39c-3.34-.79-5.33-.14-6.5%202.28c-.3.61-.54%201.35-.74%202.2l-.98%204.19c-.98%204.18.31%206.24%204.48%207.23l1.68.4q.87.21%201.62.27c3.12.3%204.78-1.16%205.62-4.77l.98-4.18c.98-4.18-.3-6.25-4.49-7.23m-1.88%2010.12c-.09.34-.39.56-.73.56c-.06%200-.12-.01-.19-.02l-2.91-.74a.75.75%200%200%201%20.37-1.45l2.91.74c.41.1.65.51.55.91m2.93-3.38c-.09.34-.39.56-.73.56c-.06%200-.12-.01-.19-.02l-4.85-1.23a.75.75%200%200%201%20.37-1.45l4.85%201.23c.41.09.65.5.55.91%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/note4-filled.svg?color=%231a73e8&size=48
