IconSearch logoIconsearch
Home/Libraries/Arcticons (Iconify)/blip
← Back to Search
Arcticons (Iconify)

Blip

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M11.298 7.986c.219-1.239.328-1.859.642-2.323c.276-.41.662-.734 1.113-.935c.512-.228 1.141-.228 2.4-.228h15.549c1.728 0 2.592 0 3.203.353c.537.31.948.8 1.16 1.382c.242.663.092 1.514-.208 3.216l-.502 2.85l5.525-.001c.864 0 1.296 0 1.602.176c.268.155.473.4.58.691c.12.332.045.757-.104 1.608l-.631 3.582c-.11.62-.164.93-.32 1.162a1.3 1.3 0 0 1-.557.468c-.257.114-.571.114-1.2.114h-6.273l-1.373 7.798h5.524c.864 0 1.296 0 1.602.177c.268.155.474.4.58.69c.12.332.046.758-.104 1.609l-.63 3.581c-.11.62-.165.93-.321 1.163a1.3 1.3 0 0 1-.557.467c-.256.114-.57.114-1.2.114h-6.273l-.759 4.312c-.218 1.24-.327 1.86-.64 2.325a2.64 2.64 0 0 1-1.115.935c-.512.228-1.141.228-2.4.228H10.062c-1.728 0-2.592 0-3.204-.354a2.64 2.64 0 0 1-1.16-1.382c-.241-.664-.09-1.515.21-3.216zM30.525 35.7l1.376-7.798H17.597c-.63 0-.944 0-1.2.114c-.226.1-.42.262-.557.467c-.157.232-.211.542-.32 1.162l-.63 3.58c-.15.85-.226 1.276-.105 1.608c.106.291.312.536.58.69c.306.177.738.177 1.602.177zm4.127-23.4l-1.375 7.8H19.719c-.864 0-1.296 0-1.602-.176a1.32 1.32 0 0 1-.58-.69c-.12-.332-.046-.758.104-1.608l.63-3.58c.11-.62.164-.93.32-1.162c.139-.205.332-.367.557-.468c.256-.114.571-.114 1.2-.114z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. BlipIcon.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-SA-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.

Related Icons in Arcticons (Iconify)

Browse all Arcticons (Iconify) icons →
001-taxis
001-taxis
0h-h1
0h-h1
0h-n0
0h-n0
0xchat
0xchat
1-and-1-tv
1-and-1-tv
1-gb-gift-bank
1-gb-gift-bank
1-second-everyday
1-second-everyday
1-tl
1-tl
10-minute-school
10-minute-school
10-play
10-play
100
100
10000-sentences
10000-sentences