Home/Libraries/Twitter Emoji (Iconify)/splatter

Twitter Emoji (Iconify)

Splatter

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 36 36"><path fill="#818cf8" d="M14.74 9.43s-2.52.57-2.94-3.91S10.35-.11 8 .7s-2.85 4.23-.7 6.05s3.48 2.89 2.62 4.12a2.35 2.35 0 0 1-3.53.27c-1.07-.91-3.06-1.5-4.07.67s1.55 2.6 3 2.44s2.73.42 2.83 1.92a3 3 0 0 1-3 2.95C3.49 19.07-.09 18.8 0 22.28s4.29 1.55 5.89.43s4.5-.38 3.22 2.78s-5.57 4-5.68 7.61s5.73 3.1 6.32-.65s1.45-5.83 3-6.05s.91.59 2.46 1.07s2.57-1 3.65 1s2.67 4.93 5 3.75s.8-2.95-.7-4.61s2-3.8 4.39 0s7.5 3.11 8.2.7s-.27-5.14-5.36-5.73s-5.67-2-5.67-3.11s1.12-1.34 1.17-2.62s-2.57-2-2-3.75s5.68-1.18 7-2.41s1.45-2.68.27-4.5s-4.45-1.82-6.05.59s-3.43 4.17-5.2 3.32s-.91-2.68.27-3.91a2.7 2.7 0 0 0-1.5-4.5c-2.6-.69-3.4 1.58-3.19 3.08s1.02 4.49-.75 4.66"/><path fill="#818cf8" d="M33.42 16.69a2.78 2.78 0 0 1-3 2.49a5.8 5.8 0 0 1-3.06-1.57a1.21 1.21 0 0 1 0-1.83a5.84 5.84 0 0 1 3.06-1.58a2.79 2.79 0 0 1 3 2.49M13.57 35.42c-1.07-.2-1.69-1.68-1.39-3.32A6.4 6.4 0 0 1 14 29.32a.81.81 0 0 1 1.41.26a6.4 6.4 0 0 1 .59 3.23c-.26 1.63-1.37 2.8-2.43 2.61"/><path fill="#818cf8" d="M5.71 20.15a9.7 9.7 0 0 0-3.1 0C1 20.43.91 22 1.63 22s2.85-1.85 4.08-1.85m1.04-7.91a4.63 4.63 0 0 0-2.27-1.16c-1 0-1.33.68-1 .94s2.41-.02 3.27.22m8.39-1.73a2.12 2.12 0 0 0-2.05.51c-.74.88 1.12.16 2.52.22s-.47-.73-.47-.73m13.72 5.93h.23c.49-.07 2-.37 1.78-1.16c-.15-.5-1.07-.2-1.39-.08s-1.72.8-.93 1.19a.7.7 0 0 0 .31.05M10.57 3.54A2.21 2.21 0 0 0 10 1.68a1.7 1.7 0 0 0-2-.13s-.41.16.06.49l1.27.9a4.2 4.2 0 0 1 .92.73s.32.4.32-.13m7.72-1.01a5.2 5.2 0 0 1 .54 3.57c-.46 1.9 3.26-3.69-.54-3.57"/></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. SplatterIcon.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.