note3 icon
note3-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- note3-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the note3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M13.55 20.162c-.26.11-.54.21-.84.31l-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.35l1.54-.51c-.19.48-.35 1.03-.5 1.65l-.98 4.19c-1.1 4.71.51 7.31 5.22 8.43l1.68.4c.11.03.23.05.34.07"/><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.23"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconNote3Filled(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="M13.55 20.162c-.26.11-.54.21-.84.31l-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.35l1.54-.51c-.19.48-.35 1.03-.5 1.65l-.98 4.19c-1.1 4.71.51 7.31 5.22 8.43l1.68.4c.11.03.23.05.34.07"/><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.23"/></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="M13.55 20.162c-.26.11-.54.21-.84.31l-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.35l1.54-.51c-.19.48-.35 1.03-.5 1.65l-.98 4.19c-1.1 4.71.51 7.31 5.22 8.43l1.68.4c.11.03.23.05.34.07"/><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.23"/></g></svg> </template>
CSS
.icon-note3-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%22M13.55%2020.162c-.26.11-.54.21-.84.31l-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.35l1.54-.51c-.19.48-.35%201.03-.5%201.65l-.98%204.19c-1.1%204.71.51%207.31%205.22%208.43l1.68.4c.11.03.23.05.34.07%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.23%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%22M13.55%2020.162c-.26.11-.54.21-.84.31l-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.35l1.54-.51c-.19.48-.35%201.03-.5%201.65l-.98%204.19c-1.1%204.71.51%207.31%205.22%208.43l1.68.4c.11.03.23.05.34.07%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.23%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/note3-filled.svg?color=%231a73e8&size=48
