Notification Outline

By Craftwork in Basil

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" fill-rule="evenodd" d="M13 3a1 1 0 1 0-2 0v.75h-.557A4.214 4.214 0 0 0 6.237 7.7l-.221 3.534a7.377 7.377 0 0 1-1.308 3.754a1.617 1.617 0 0 0 1.135 2.529l3.407.408V19a2.75 2.75 0 1 0 5.5 0v-1.075l3.407-.409a1.617 1.617 0 0 0 1.135-2.528a7.376 7.376 0 0 1-1.308-3.754l-.221-3.533a4.214 4.214 0 0 0-4.206-3.951H13V3Zm-2.557 2.25a2.714 2.714 0 0 0-2.709 2.544l-.22 3.534a8.877 8.877 0 0 1-1.574 4.516a.117.117 0 0 0 .082.183l3.737.449c1.489.178 2.993.178 4.482 0l3.737-.449a.117.117 0 0 0 .082-.183a8.877 8.877 0 0 1-1.573-4.516l-.221-3.534a2.714 2.714 0 0 0-2.709-2.544h-3.114Zm1.557 15c-.69 0-1.25-.56-1.25-1.25v-.75h2.5V19c0 .69-.56 1.25-1.25 1.25Z" clip-rule="evenodd"/>
</svg>


Notification Outline Icons examples

See what this icon looks like in some mockup designs
Notification OutlineHome

Related icons in Basil

copy save
adobe-after-effects-outline
copy save
adobe-after-effects-solid
copy save
adobe-experince-design-outline
copy save
adobe-experince-design-solid
copy save
adobe-illustrator-outline
copy save
adobe-illustrator-solid
copy save
adobe-indesign-outline
copy save
adobe-indesign-solid
copy save
adobe-lightroom-outline
copy save
adobe-lightroom-solid
copy save
adobe-photoshop-outline
copy save
adobe-photoshop-solid
copy save
adobe-premiere-outline
copy save
adobe-premiere-solid
copy save
android-outline
copy save
android-solid
copy save
app-store-outline
copy save
app-store-solid
copy save
apple-outline
copy save
apple-solid