Home/Libraries/Plump free icons (Iconify)/presentation-remix

Plump free icons (Iconify)

PresentationRemix

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 48 48"><path fill="#818cf8" fill-rule="evenodd" d="M7.684 4.933C10.562 4.724 15.61 4.5 24 4.5s13.438.224 16.316.433c1.287.094 2.158.943 2.289 2.111C42.81 8.9 43 11.65 43 15.5s-.189 6.6-.395 8.456c-.13 1.167-1.003 2.017-2.291 2.11q-.216.017-.45.032a2 2 0 1 0 .271 3.991q.243-.016.468-.033c3.094-.224 5.62-2.46 5.977-5.658c.225-2.02.42-4.918.42-8.898s-.195-6.879-.42-8.898c-.356-3.198-2.88-5.434-5.975-5.658C37.605.726 32.457.5 24 .5S10.395.726 7.395.944C4.3 1.168 1.776 3.404 1.42 6.602C1.195 8.622 1 11.52 1 15.5s.195 6.879.42 8.898c.356 3.199 2.883 5.434 5.977 5.658l.468.033a2 2 0 0 0 .27-3.99l-.449-.032c-1.288-.094-2.16-.944-2.29-2.111C5.188 22.1 5 19.35 5 15.5s.189-6.6.395-8.456c.13-1.168 1.002-2.017 2.29-2.11m.936 27.683c2.177-.042 7.207-.116 15.38-.116s13.204.074 15.38.116c1.139.022 2.324.751 2.51 2.11c.064.471.11 1.059.11 1.774s-.046 1.303-.11 1.774c-.186 1.359-1.371 2.088-2.51 2.11l-1.03.018l-1.306 5.817a1 1 0 0 1-.975.781H11.93a1 1 0 0 1-.976-.781L9.65 40.402l-1.03-.018c-1.139-.022-2.324-.751-2.51-2.11C6.047 37.803 6 37.215 6 36.5s.046-1.303.11-1.774c.186-1.359 1.371-2.088 2.51-2.11M17.5 16.5a6.5 6.5 0 1 1 9.75 5.63c1.241.105 2.253.261 3.053.425c1.72.352 2.94 1.68 3.382 3.322c.25.931.536 2.12.806 3.529A.5.5 0 0 1 34 30h-8.25v-3.5a1.75 1.75 0 1 0-3.5 0V30H14a.5.5 0 0 1-.491-.594c.27-1.409.556-2.598.806-3.529c.442-1.642 1.662-2.97 3.382-3.322c.8-.164 1.812-.32 3.052-.425A6.5 6.5 0 0 1 17.5 16.5" clip-rule="evenodd"/></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. PresentationRemixIcon.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.