Home/Libraries/Fluent Emoji (Iconify)/dvd

Fluent Emoji (Iconify)

Dvd

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

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 32 32"><g fill="none"><path fill="url(#iUbRarc)" fill-rule="evenodd" d="M16.188 30.017c7.741 0 14.017-6.276 14.017-14.017S23.929 1.983 16.188 1.983S2.172 8.26 2.172 16s6.275 14.017 14.016 14.017m0-10.705a3.312 3.312 0 1 0 0-6.624a3.312 3.312 0 0 0 0 6.624" clip-rule="evenodd"/><path fill="url(#iFv3OCd)" fill-rule="evenodd" d="M16.188 30.017c7.741 0 14.017-6.276 14.017-14.017S23.929 1.983 16.188 1.983S2.172 8.26 2.172 16s6.275 14.017 14.016 14.017m0-10.705a3.312 3.312 0 1 0 0-6.624a3.312 3.312 0 0 0 0 6.624" clip-rule="evenodd"/><path fill="url(#iccaYWG)" fill-rule="evenodd" d="M16.188 30.017c7.741 0 14.017-6.276 14.017-14.017S23.929 1.983 16.188 1.983S2.172 8.26 2.172 16s6.275 14.017 14.016 14.017m0-10.705a3.312 3.312 0 1 0 0-6.624a3.312 3.312 0 0 0 0 6.624" clip-rule="evenodd"/><path fill="url(#iDA69ze)" fill-rule="evenodd" d="M16.188 30.017c7.741 0 14.017-6.276 14.017-14.017S23.929 1.983 16.188 1.983S2.172 8.26 2.172 16s6.275 14.017 14.016 14.017m0-10.705a3.312 3.312 0 1 0 0-6.624a3.312 3.312 0 0 0 0 6.624" clip-rule="evenodd"/><g filter="url(#iwBLSnd)"><path fill="url(#iJUGK1c)" fill-rule="evenodd" d="M16.188 29.116c7.244 0 13.116-5.872 13.116-13.116S23.432 2.884 16.188 2.884S3.072 8.756 3.072 16s5.872 13.116 13.116 13.116M19.96 16c0 1.83-1.943 3.903-3.772 3.903S12.191 17.829 12.191 16s2.168-4.015 3.997-4.015c1.83 0 3.772 2.186 3.772 4.015" clip-rule="evenodd"/></g><path fill="url(#ioQaGZe)" fill-rule="evenodd" d="M16.188 20.34a4.34 4.34 0 1 0 0-8.68a4.34 4.34 0 0 0 0 8.68M19.5 16a3.312 3.312 0 1 1-6.624 0a3.312 3.312 0 0 1 6.624 0" clip-rule="evenodd"/><g filter="url(#iZQFysv)"><path fill="url(#iuqi6PA)" d="M12.894 13.175a4.33 4.33 0 0 1 3.294-1.514c1.213 0 2.309.497 3.096 1.299l5.783-5.783a.58.58 0 0 0-.008-.838a13.07 13.07 0 0 0-8.87-3.455a13.08 13.08 0 0 0-9.507 4.08z"/></g><g filter="url(#iDXyOfc)"><path fill="url(#iFlF1se)" d="M19.013 19.294a4.32 4.32 0 0 1-2.825 1.045a4.33 4.33 0 0 1-3.04-1.243l-5.78 5.78a.58.58 0 0 0 .01.841a13.07 13.07 0 0 0 8.81 3.399a13.06 13.06 0 0 0 9.037-3.61z"/></g><g filter="url(#iOeXOMc)"><path stroke="#818cf8" stroke-width="1.5" d="M16.188 20.364a4.364 4.364 0 1 0 0-8.728a4.364 4.364 0 0 0 0 8.728Z"/></g><defs><radialGradient id="iFv3OCd" cx="0" cy="0" r="1" gradientTransform="matrix(-7.95577 18.6701 -16.34619 -6.9655 17.408 11.347)" gradientUnits="userSpaceOnUse"><stop offset=".868" stop-color="#FF684C" stop-opacity="0"/><stop offset=".987" stop-color="#FF684C"/></radialGradient><radialGradient id="iccaYWG" cx="0" cy="0" r="1" gradientTransform="rotate(-148.057 14.128 6.887)scale(22.9355 17.9161)" gradientUnits="userSpaceOnUse"><stop offset=".887" stop-color="#B99C5E" stop-opacity="0"/><stop offset=".979" stop-color="#B99C5E"/></radialGradient><radialGradient id="iDA69ze" cx="0" cy="0" r="1" gradientTransform="rotate(-37.405 33.362 -9.487)scale(18.5493)" gradientUnits="userSpaceOnUse"><stop offset=".894" stop-color="#FFE86D" stop-opacity="0"/><stop offset=".991" stop-color="#FFE86D"/></radialGradient><radialGradient id="ioQaGZe" cx="0" cy="0" r="1" gradientTransform="translate(12.754 16)scale(9.23183)" gradientUnits="userSpaceOnUse"><stop offset=".62" stop-color="#F8AE59"/><stop offset="1" stop-color="#D48B52"/></radialGradient><linearGradient id="iUbRarc" x1="16.188" x2="16.188" y1="1.983" y2="30.017" gradientUnits="userSpaceOnUse"><stop stop-color="#E9CE53"/><stop offset="1" stop-color="#FF974E"/></linearGradient><linearGradient id="iJUGK1c" x1="16.188" x2="16.188" y1="8.419" y2="29.116" gradientUnits="userSpaceOnUse"><stop stop-color="#F4BD5B"/><stop offset="1" stop-color="#FF9E54"/></linearGradient><linearGradient id="iuqi6PA" x1="25.242" x2="11.929" y1="6.918" y2="6.918" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF25C"/><stop offset="1" stop-color="#FFF25C" stop-opacity="0"/></linearGradient><linearGradient id="iFlF1se" x1="11.366" x2="18.796" y1="19.941" y2="22.192" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD05A"/><stop offset="1" stop-color="#FFD05A" stop-opacity="0"/></linearGradient><filter id="iwBLSnd" width="26.732" height="26.732" x="2.822" y="2.634" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19871" stdDeviation=".125"/></filter><filter id="iZQFysv" width="19.06" height="10.791" x="6.432" y="2.634" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19871" stdDeviation=".125"/></filter><filter id="iDXyOfc" width="18.532" height="10.52" x="6.943" y="18.846" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19871" stdDeviation=".125"/></filter><filter id="iOeXOMc" width="8.978" height="8.978" x="11.699" y="11.511" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_19871" stdDeviation=".05"/></filter></defs></g></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. DvdIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.