Home/Libraries/Freehand free icons (Iconify)/push-notification-alert-1

Freehand free icons (Iconify)

PushNotificationAlert1

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M5.87 6.018a.35.35 0 0 0 .689 0c0-.48.17-.999.22-1.438a8 8 0 0 0-.2-1.65a.353.353 0 0 0-.7-.09a5.5 5.5 0 0 0-.01 3.178m1.299 2.469c.63-.69-.32-1.5-.999-1.58c-.29.03-.564.153-.78.35c-.21.17-.439.28-.459.71c-.03 1.05 1.649 1.17 2.238.52m16.818.06a2.3 2.3 0 0 0-.81-1.48A16 16 0 0 0 20.49 5.51a26.6 26.6 0 0 0-4.187-1.689a2.65 2.65 0 0 0-1.31-.13a3.5 3.5 0 0 0-.619.37c-.23.16-.5.36-.8.6a.31.31 0 1 0 .38.48c.29-.23.55-.41.77-.56q.24-.168.51-.28c.24-.009.478.036.699.13c.19 0 .39.12.61.2c0 0-.3.54-.4.759a1.8 1.8 0 0 0-.15.54a1.1 1.1 0 0 0 .32.839c.347.34.749.621 1.189.83l1.319.569q.329.178.7.24c.202.03.408.005.599-.07l.87-.53l.389-.18h.06a.43.43 0 0 0 .16-.16a.36.36 0 0 0 0-.27c.29.19.919.57 1.129.72s-.26.73-.46 1a51 51 0 0 1-3.218 4.096a186 186 0 0 1-5.236 5.896c-.69.73-1.129 1.239-1.219 1.289c-.435.07-.882.003-1.279-.19a16.7 16.7 0 0 1-3.437-1.599a14 14 0 0 1-3.428-2.628c-.22-.27-.39-.48-.33-.66q.123-.274.31-.509c.17-.23.4-.51.66-.82a.343.343 0 1 0-.52-.449c-.34.39-.62.73-.82 1a6.7 6.7 0 0 0-.749 1.668a8.2 8.2 0 0 0-.18 1.769c.083.467.31.897.65 1.229a17 17 0 0 0 3.767 2.898a18 18 0 0 0 3.757 1.758c.64.227 1.326.3 1.999.21c.519-.183.99-.48 1.379-.87a39 39 0 0 0 3.687-3.946c2.808-3.398 5.666-7.565 5.766-8.354a8.2 8.2 0 0 0 .16-2.158m-2.848-1.53l-.38.11l-.91.37a.4.4 0 0 1-.159 0a1.6 1.6 0 0 1-.37-.22l-1.279-.649a6 6 0 0 1-.909-.45c-.09-.06-.23-.09-.23-.2a1 1 0 0 1 0-.36q.057-.23.15-.449l.06-.25c.66.27 1.399.6 2.138 1c.74.4 1.4.739 1.999 1.099zM18.27 17.09a59 59 0 0 1-4.417 4.857a3.8 3.8 0 0 1-1.079.819c-1 .23-3.127-.64-5.056-1.709a16 16 0 0 1-3.647-2.598c-.28-.29-.48-.53-.49-.73a9 9 0 0 1 .07-1.388l.06-.33c.06.09.07.17.14.26a15.1 15.1 0 0 0 3.557 2.928a16 16 0 0 0 4.187 1.998c.463.14.956.14 1.419 0a16 16 0 0 0 1.829-1.728c1.658-1.74 4.207-4.567 6.135-6.995a30 30 0 0 0 2.338-3.258a10 10 0 0 1-.2 1.4c-.13.649-2.438 3.606-4.846 6.474"/><path fill="#818cf8" d="M10.226 10.515q1.37.402 2.778.65a1.22 1.22 0 0 0 1.1-.28a.73.73 0 0 0 .11-.49a3.4 3.4 0 0 0-.37-1a16 16 0 0 0-1.47-2.267a6.27 6.27 0 0 0-.739-4.317A5.22 5.22 0 0 0 7.808.203a7.67 7.67 0 0 0-6.096 1.549C.403 2.94-.376 4.889.184 7.867a5.12 5.12 0 0 0 4.366 4.287a7 7 0 0 0 5.676-1.639M1.323 7.647c-.48-2.458.09-4.077 1.149-5.086a6.7 6.7 0 0 1 5.216-1.449a4.42 4.42 0 0 1 3.308 2.069a5.6 5.6 0 0 1 .749 3.997a.4.4 0 0 0 .06.3s.63.919 1 1.578q.331.554.559 1.16v.17h-.05a5.4 5.4 0 0 1-1-.17c-.849-.21-1.808-.55-2.218-.63a.41.41 0 0 0-.39.12a6.09 6.09 0 0 1-4.996 1.399a4.07 4.07 0 0 1-3.387-3.458"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PushNotificationAlert1Icon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.