Add icons to this collection by clicking the heart icon.
Note icon - also known as document, smartphone, phone, note, electronics, and mobile app. Created in a clean outline color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<g>
<rect width="288" height="480" x="112" y="16" fill="#515660" rx="40" />
<rect width="260" height="480" x="140" y="16" fill="#747986" rx="40" />
<path
fill="#64a5f8"
d="M112 80v344a40 40 0 0 0 40 40h208a40 40 0 0 0 40-40V80z"
/>
<path
fill="#94c1fa"
d="M140 456a40.187 40.187 0 0 0 .5 6.314A39.981 39.981 0 0 0 152 464h208a40 40 0 0 0 40-40V80H140z"
/>
<path
fill="#8b909f"
d="M256 56h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16zM304 56h-.008l-16.008-.012a8 8 0 0 1 0-16l16.024.012A8 8 0 0 1 304 56z"
/>
<rect width="192" height="208" x="160" y="152" fill="#c4dcfc" rx="16" />
<rect width="176" height="208" x="176" y="152" fill="#deeafd" rx="16" />
<path
fill="#f5b953"
d="M336 152H176a16 16 0 0 0-16 16v32h192v-32a16 16 0 0 0-16-16z"
/>
<path
fill="#f8cd82"
d="M336 152H192a16 16 0 0 0-16 16v32h176v-32a16 16 0 0 0-16-16z"
/>
<path
fill="#eff2fe"
d="M296 440h-80a8 8 0 0 1 0-16h80a8 8 0 0 1 0 16z"
/>
<path fill="#fff" d="M264 240h80a8 8 0 0 0 0-16h-80a8 8 0 0 0 0 16z" />
<path
fill="#fff"
d="M344 272a8 8 0 0 0 0-16H216v-16h16a8 8 0 0 0 0-16h-16v-64a8 8 0 0 0-16 0v64h-32a8 8 0 0 0 0 16h32v16h-32a8 8 0 0 0 0 16h32v16h-32a8 8 0 0 0 0 16h32v16h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0v-16h128a8 8 0 0 0 0-16H216v-16h128a8 8 0 0 0 0-16H216v-16z"
/>
<path
d="M360 8H152a48.052 48.052 0 0 0-48 48v400a48.052 48.052 0 0 0 48 48h16a8 8 0 0 0 0-16h-16a31.937 31.937 0 0 1-31.59-27.951A47.748 47.748 0 0 0 152 472h208a47.748 47.748 0 0 0 31.59-11.951A31.937 31.937 0 0 1 360 488H200a8 8 0 0 0 0 16h160a48.052 48.052 0 0 0 48-48V144a8 8 0 0 0-16 0v280a32.036 32.036 0 0 1-32 32H152a32.036 32.036 0 0 1-32-32V88h272v24a8 8 0 0 0 16 0V56a48.052 48.052 0 0 0-48-48zM120 72V56a32.036 32.036 0 0 1 32-32h208a32.036 32.036 0 0 1 32 32v16z"
/>
<path
d="M256 40h-48a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16zM304.008 40l-16.016-.012a8 8 0 0 0 0 16l16 .012H304a8 8 0 0 0 .008-16zM216 424a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16zM360 344V168a24.027 24.027 0 0 0-24-24H176a24.027 24.027 0 0 0-24 24v176a24.027 24.027 0 0 0 24 24h160a24.027 24.027 0 0 0 24-24zm-24 8H216v-16h128v8a8.011 8.011 0 0 1-8 8zm8-128h-80a8 8 0 0 0 0 16h80v16H216v-16h16a8 8 0 0 0 0-16h-16v-16h128zm-176 48h32v16h-32zm48 0h128v16H216zm-16-48h-32v-16h32zm0 16v16h-32v-16zm-32 64h32v16h-32zm48 0h128v16H216zm128-136v24H216v-32h120a8.011 8.011 0 0 1 8 8zm-168-8h24v32h-32v-24a8.011 8.011 0 0 1 8-8zm-8 184v-8h32v16h-24a8.011 8.011 0 0 1-8-8z"
/>
</g>
</svg>
More icons in the same style and category