Skip to content

Optical Disk

The Optical Disk icon represents a type of data storage device.

Exports at 24 × 24 px

Optical Disk icon from Noto Emoji
Get Pro

Code

Optical Disk in your framework

In any framework. Customize it above, and the code follows.

export const OpticalDiskIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
    <path fill="#B9E4EA" d="M54.79 7.76C23.76 12.84 2.67 42.18 7.76 73.21s34.43 52.11 65.46 47.03s52.11-34.43 47.03-65.46C115.16 23.76 85.82 2.67 54.79 7.76m11.51 70.3c-7.78 1.27-15.09-3.98-16.36-11.76s3.98-15.09 11.76-16.36s15.09 3.98 16.36 11.76c1.37 7.76-3.88 15.07-11.76 16.36"/><linearGradient id="SVGx1Qvqdzr" x1="34.657" x2="31.029" y1="44.491" y2="50.352" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF9C4" stopOpacity=".6"/><stop offset=".95" stopColor="#FFF9C4" stopOpacity="0"/></linearGradient><path fill="url(#SVGx1Qvqdzr)" d="m10.77 43.61l39.28 17.38s.37-1.46 1.05-3.05s1.77-2.87 1.77-2.87L17.9 30.45s-1.97 2.69-4.04 6.43c-2.06 3.75-3.09 6.73-3.09 6.73"/><linearGradient id="SVG2hsJIcPr" x1="38.141" x2="48.932" y1="40.904" y2="31.695" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF9C4" stopOpacity=".6"/><stop offset=".989" stopColor="#FFF9C4" stopOpacity=".007"/><stop offset="1" stopColor="#FFF9C4" stopOpacity="0"/></linearGradient><path fill="url(#SVG2hsJIcPr)" d="M62.53 49.83L44.8 10.33s-7.16 2.24-14.78 7.91C22.61 23.76 17.9 30.45 17.9 30.45l34.97 24.62s1.33-1.82 4.05-3.45s5.61-1.79 5.61-1.79"/><linearGradient id="SVGJzhJQcxU" x1="34.103" x2="33.579" y1="48.856" y2="56.277" gradientTransform="rotate(6.603 -13.46 14.437)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFC2C8" stopOpacity=".8"/><stop offset=".93" stopColor="#FFCDD2" stopOpacity="0"/></linearGradient><path fill="url(#SVGJzhJQcxU)" d="m7.35 57.71l42.4 7.51s-.03-1.23.07-2.69c.11-1.46.46-2.42.46-2.42L10.07 45.57s-.92 2.29-1.71 5.83s-1.01 6.31-1.01 6.31"/><linearGradient id="SVGtAMLceXc" x1="34.478" x2="41.061" y1="45.128" y2="32.508" gradientTransform="rotate(6.603 -13.46 14.437)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFC2C8" stopOpacity=".8"/><stop offset=".93" stopColor="#FFCDD2" stopOpacity="0"/></linearGradient><path fill="url(#SVGtAMLceXc)" d="M51.94 56.39c.94-1.59 2.28-2.77 2.28-2.77L21.99 25.51s-3.63 3.88-6.87 9.32c-3.71 6.23-5.05 10.74-5.05 10.74l40.21 14.54s.52-1.78 1.66-3.72"/><linearGradient id="SVGSbYHEesL" x1="45.492" x2="39.352" y1="33.598" y2="38.202" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#80DEEA" stopOpacity=".5"/><stop offset=".926" stopColor="#80DEEA" stopOpacity="0"/></linearGradient><path fill="url(#SVGSbYHEesL)" d="M28.4 19.46c-3.89 3.05-6.94 6.57-6.94 6.57L52.8 55.09s1.12-1.3 2.6-2.45s3.05-1.77 3.05-1.77L36.92 13.84s-4.64 2.57-8.52 5.62"/><linearGradient id="SVG7q3PscoN" x1="53.405" x2="63.451" y1="31.356" y2="28.659" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#80DEEA" stopOpacity=".5"/><stop offset=".947" stopColor="#80DEEA" stopOpacity="0"/></linearGradient><path fill="url(#SVG7q3PscoN)" d="M69.07 50.68L60.28 7.13s-5.7.33-11.57 1.96c-6.16 1.72-11.8 4.75-11.8 4.75l21.53 37.01s2.48-1.09 5.38-1.11s5.25.94 5.25.94"/><linearGradient id="SVGiozSRJGW" x1="96.534" x2="99.371" y1="49.734" y2="60.432" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF" stopOpacity=".5"/><stop offset=".907" stopColor="#FFF" stopOpacity="0"/></linearGradient><path fill="url(#SVGiozSRJGW)" d="M114.72 38.01L75.94 55.93c3.67 5.3 2.34 10.38 2.34 10.38l42.58-6.2c-.48-9.19-3.76-17.46-6.14-22.1"/><linearGradient id="SVGGiXrJbDi" x1="93.391" x2="91.112" y1="45.481" y2="41.481" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF" stopOpacity=".5"/><stop offset=".907" stopColor="#FFF" stopOpacity="0"/></linearGradient><path fill="url(#SVGGiXrJbDi)" d="M103.42 22.86L71.37 51.81c1.72 1.04 3.41 2.44 4.57 4.12l38.78-17.92c-1.92-3.67-5.78-9.97-11.3-15.15"/><linearGradient id="SVGitPdmdGv" x1="36.143" x2="37.352" y1="84.388" y2="86.341" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF" stopOpacity=".5"/><stop offset=".907" stopColor="#FFF" stopOpacity="0"/></linearGradient><path fill="url(#SVGitPdmdGv)" d="M52.95 72.99L15.85 94.5a57.1 57.1 0 0 0 11.8 13.35L58.1 76.98c-1.99-.91-3.75-2.28-5.15-3.99"/><linearGradient id="SVG6qqdm8Iw" x1="32.583" x2="28.862" y1="80.69" y2="69.621" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF" stopOpacity=".5"/><stop offset=".907" stopColor="#FFF" stopOpacity="0"/></linearGradient><path fill="url(#SVG6qqdm8Iw)" d="M49.94 66.3a13.7 13.7 0 0 1-.15-3.18L7.62 72.21c.05.33.08.67.14 1c1.28 7.81 4.1 15 8.1 21.29l37.1-21.51c-1.53-1.86-2.6-4.13-3.02-6.69"/><linearGradient id="SVGbAHNOeIz" x1="-19.454" x2="-23.082" y1="-6.239" y2="-.379" gradientTransform="rotate(179.043 36.664 38.843)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF9C4" stopOpacity=".6"/><stop offset=".95" stopColor="#FFF9C4" stopOpacity="0"/></linearGradient><path fill="url(#SVGbAHNOeIz)" d="M117.16 83.31L78.02 67.03s-.34 1.46-1 3.07s-1.73 2.9-1.73 2.9l34.96 23.58s1.93-2.72 3.93-6.5s2.98-6.77 2.98-6.77"/><linearGradient id="SVGejQiIdqi" x1="-15.918" x2="-5.128" y1="-9.905" y2="-19.114" gradientTransform="rotate(179.043 36.664 38.843)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFF9C4" stopOpacity=".6"/><stop offset=".989" stopColor="#FFF9C4" stopOpacity=".007"/><stop offset="1" stopColor="#FFF9C4" stopOpacity="0"/></linearGradient><path fill="url(#SVGejQiIdqi)" d="m65.72 78.4l17.96 38.75s7.12-2.36 14.65-8.16c7.33-5.65 11.93-12.42 11.93-12.42L75.3 72.99s-1.3 1.84-3.99 3.51c-2.7 1.68-5.59 1.9-5.59 1.9"/><linearGradient id="SVGU4zGxdhp" x1="-25.559" x2="-26.082" y1="4.782" y2="12.204" gradientTransform="rotate(-174.353 38.042 35.936)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFC2C8" stopOpacity=".8"/><stop offset=".93" stopColor="#FFCDD2" stopOpacity="0"/></linearGradient><path fill="url(#SVGU4zGxdhp)" d="m120.35 69.15l-41.88-6.44s.05 1.23-.03 2.69s-.42 2.43-.42 2.43l39.81 13.51s.88-2.3 1.61-5.86c.74-3.56.91-6.33.91-6.33"/><linearGradient id="SVGVm3zWbMC" x1="-25.177" x2="-18.594" y1=".903" y2="-11.716" gradientTransform="rotate(-174.353 38.042 35.936)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#FFC2C8" stopOpacity=".8"/><stop offset=".93" stopColor="#FFCDD2" stopOpacity="0"/></linearGradient><path fill="url(#SVGVm3zWbMC)" d="M76.46 71.57c-.91 1.61-2.23 2.81-2.23 2.81l32.03 27.21s3.56-3.94 6.71-9.43c3.61-6.29 4.87-10.82 4.87-10.82L78.05 67.83s-.48 1.78-1.59 3.74"/><linearGradient id="SVGidsJIbcM" x1="-8.453" x2="-14.592" y1="-17.091" y2="-12.486" gradientTransform="rotate(179.043 36.664 38.843)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#80DEEA" stopOpacity=".5"/><stop offset=".926" stopColor="#80DEEA" stopOpacity="0"/></linearGradient><path fill="url(#SVGidsJIbcM)" d="M99.94 107.75c3.84-3.11 6.83-6.69 6.83-6.69l-31.6-28.07s-.82 1.19-2.28 2.37c-1.46 1.17-3.52 1.85-3.52 1.85l22.15 36.29s4.59-2.64 8.42-5.75"/><linearGradient id="SVG5qwzEbdW" x1="-.5" x2="9.546" y1="-19.385" y2="-22.083" gradientTransform="rotate(179.043 36.664 38.843)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#80DEEA" stopOpacity=".5"/><stop offset=".947" stopColor="#80DEEA" stopOpacity="0"/></linearGradient><path fill="url(#SVG5qwzEbdW)" d="m58.75 77.57l9.51 43.04s5.7-.42 11.53-2.16c6.13-1.82 11.72-4.95 11.72-4.95L69.37 77.21s-2.46 1.13-5.36 1.2s-5.26-.84-5.26-.84"/><path fill="#6C9EB4" d="M64 41.2c-12.77 0-23.04 10.16-23.04 22.8S51.23 86.8 64 86.8S87.04 76.63 87.04 64S76.77 41.2 64 41.2m0 36.95c-7.97 0-14.4-6.36-14.4-14.25S56.03 49.64 64 49.65s14.4 6.36 14.4 14.25c.09 7.89-6.34 14.25-14.4 14.25" opacity=".4"/><path fill="#82AEC0" d="M64 9.86c29.83 0 54.14 24.32 54.14 54.14S93.83 118.14 64 118.14S9.86 93.83 9.86 64S34.17 9.86 64 9.86m0 71.24c9.4 0 17.1-7.69 17.1-17.1S73.4 46.9 64 46.9S46.9 54.6 46.9 64S54.6 81.1 64 81.1m0-74.09C32.56 7.01 7.01 32.56 7.01 64S32.56 120.99 64 120.99S120.99 95.44 120.99 64S95.44 7.01 64 7.01m0 71.24c-7.88 0-14.25-6.36-14.25-14.25S56.12 49.75 64 49.75S78.25 56.12 78.25 64c.09 7.88-6.27 14.25-14.25 14.25"/>
  </svg>
);

Other libraries

Optical Disk in 2 more libraries

Each library draws it its own way. Open one to compare.

Noto Emoji

Icons that share its tags, in the same style.

  • Dvd icon from Noto Emoji
  • Computer Disk icon from Noto Emoji
  • Television icon from Noto Emoji
  • Blue Circle icon from Noto Emoji
  • Blue Square icon from Noto Emoji
  • Bucket icon from Noto Emoji
  • Horse icon from Noto Emoji
  • Woman Shrugging Medium Skin Tone icon from Noto Emoji
  • Automobile icon from Noto Emoji
  • Avocado icon from Noto Emoji
  • Axe icon from Noto Emoji
  • Baby icon from Noto Emoji
  • Baby Angel icon from Noto Emoji
  • Baby Angel Dark Skin Tone icon from Noto Emoji
  • Baby Angel Medium Dark Skin Tone icon from Noto Emoji
  • Bat icon from Noto Emoji
  • Bathtub icon from Noto Emoji
  • Battery icon from Noto Emoji
  • B Button Blood Type icon from Noto Emoji
  • Beach With Umbrella icon from Noto Emoji
  • Beaming Face With Smiling Eyes icon from Noto Emoji
  • Beans icon from Noto Emoji
  • Bear icon from Noto Emoji
  • Beating Heart icon from Noto Emoji

Skip the copy and paste. With Pro, your AI agent finds and installs any Noto Emoji icon from a prompt.

Get Pro

Pricing

Noto Emoji MCP, with Pro

Ask for Optical Disk or any of 3,800 Noto Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Optical Disk icon means and where it's used, then how to install, style, label and license it.

4.9 out of 5 from 150+ developers

Install Optical Disk from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro