Home/Libraries/Devicon (Iconify)/opencl

Devicon (Iconify)

Opencl

License: MITCommercial Safe

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 128 128"><path fill="#818cf8" d="M54.809 43.161a3428 3428 0 0 0 4.862-7.618c-8.308.625-15.991 2.782-22.491 6.07c1.001 1.873 2.3 4.226 3.302 6.046a43.7 43.7 0 0 1 11.141-2.548a4.3 4.3 0 0 0 3.186-1.95"/><path fill="#818cf8" d="M85.139 55.148c1.807.858 3.562 1.118 6.019 1.118c4.497 0 12.987.013 17.654.026c-4.108-6.826-11.154-12.506-19.981-16.224c-3.133 2.093-12.103 8.099-13.533 9.047c5.667 2.769 8.059 5.187 9.84 6.033z"/><path fill="#818cf8" d="M61.387 35.439c-.246.728-2.456 7.358-3.158 9.503c3.562.156 6.994.702 10.205 1.599a7.9 7.9 0 0 0 5.733-.572l12.948-6.604c-6.695-2.561-14.313-4.018-22.412-4.018a72 72 0 0 0-3.316.092"/><path fill="#818cf8" d="m19.41 58.06l4.199.013a4.04 4.04 0 0 0 2.977-1.3c2.275-2.482 5.07-4.666 8.28-6.474a3.12 3.12 0 0 0 1.574-3.211a611 611 0 0 0-.741-4.68c-7.32 3.965-13.014 9.373-16.29 15.652z"/><path fill="#818cf8" d="M121.11 61.518h-.962v2.508h-.845v-2.508h-.975v-.729h2.782zm3.991-.729v3.237h-.793V61.57h-.013l-.676 2.456h-.65l-.676-2.456h-.013v2.456h-.794V60.79h1.248l.56 2.159l.56-2.159M20.852 64.221a11 11 0 0 0-3.784-2.833c-1.482-.702-3.172-1.053-5.043-1.053c-1.873 0-3.55.35-5.044 1.053A11.6 11.6 0 0 0 3.2 64.22a12.7 12.7 0 0 0-2.366 4.174A15.4 15.4 0 0 0 0 73.439c0 1.794.273 3.497.832 5.082c.546 1.586 1.339 2.977 2.366 4.174c1.027 1.196 2.288 2.131 3.783 2.82c1.482.69 3.172 1.041 5.044 1.041s3.549-.35 5.043-1.04a11.2 11.2 0 0 0 3.784-2.821a12.7 12.7 0 0 0 2.366-4.174a15.6 15.6 0 0 0 .832-5.082c0-1.781-.273-3.459-.832-5.044a12.7 12.7 0 0 0-2.365-4.174zM19.214 76.95c-.299 1.144-.74 2.171-1.352 3.068a6.86 6.86 0 0 1-2.366 2.159c-.975.532-2.131.806-3.458.806c-1.339 0-2.482-.273-3.458-.806a6.6 6.6 0 0 1-2.366-2.159a9.5 9.5 0 0 1-1.352-3.068a13.8 13.8 0 0 1-.442-3.51c0-1.195.144-2.365.442-3.51c.3-1.144.741-2.171 1.352-3.068a7 7 0 0 1 2.366-2.158c.976-.533 2.132-.807 3.458-.807c1.339 0 2.483.273 3.458.807a6.6 6.6 0 0 1 2.366 2.158a9.5 9.5 0 0 1 1.352 3.068a13.8 13.8 0 0 1 .442 3.51a14.4 14.4 0 0 1-.442 3.51m23.452-6.786a7.5 7.5 0 0 0-2.652-2.066c-1.066-.507-2.314-.754-3.744-.754a7.8 7.8 0 0 0-3.263.689c-1.013.455-1.794 1.208-2.353 2.261h-.065v-2.47h-3.796v24.83h4.004v-9.048h.065c.3.495.689.923 1.144 1.274a6.4 6.4 0 0 0 1.495.897a7.5 7.5 0 0 0 1.69.507a10 10 0 0 0 1.754.156c1.34 0 2.496-.26 3.484-.793a7.1 7.1 0 0 0 2.445-2.106c.65-.871 1.131-1.885 1.443-3.029q.468-1.714.467-3.549a13 13 0 0 0-.532-3.757a9 9 0 0 0-1.586-3.042m-2.157 9.074c-.182.753-.468 1.443-.884 2.04a5.1 5.1 0 0 1-1.56 1.457c-.636.377-1.403.56-2.314.56c-.818 0-1.547-.17-2.158-.495a4.8 4.8 0 0 1-1.6-1.339a5.8 5.8 0 0 1-1-2.015a9.3 9.3 0 0 1-.338-2.547c0-1.937.43-3.498 1.287-4.667c.858-1.17 2.132-1.755 3.81-1.755q1.228 0 2.183.546a5 5 0 0 1 1.586 1.443a6.2 6.2 0 0 1 .949 2.054c.208.767.311 1.573.311 2.38a10.7 10.7 0 0 1-.272 2.338m21.307-8.645a8.4 8.4 0 0 0-2.834-2.367c-1.131-.597-2.417-.896-3.848-.896c-1.365 0-2.575.26-3.653.766c-1.079.52-2.002 1.21-2.756 2.094a9.1 9.1 0 0 0-1.755 3.055c-.416 1.157-.611 2.38-.611 3.666q0 2.106.585 3.86c.39 1.17.962 2.171 1.716 3.017a7.8 7.8 0 0 0 2.795 1.963c1.104.468 2.366.702 3.796.702a9.8 9.8 0 0 0 2.833-.403a8 8 0 0 0 2.444-1.196a7.2 7.2 0 0 0 1.86-1.95c.52-.767.883-1.65 1.092-2.626h-3.796q-.526 1.502-1.599 2.262c-.715.507-1.664.753-2.833.753c-.846 0-1.574-.143-2.185-.441a4.25 4.25 0 0 1-1.508-1.17a4.9 4.9 0 0 1-.897-1.716a7.1 7.1 0 0 1-.3-2.04h13.352c.17-1.353.079-2.666-.26-3.953a10.1 10.1 0 0 0-1.638-3.38m-11.467 4.705a5.4 5.4 0 0 1 .403-1.898a4.9 4.9 0 0 1 .988-1.52a4.4 4.4 0 0 1 1.482-1.014c.572-.247 1.209-.364 1.91-.364c.677 0 1.3.13 1.847.402a4.7 4.7 0 0 1 1.403 1.053c.39.43.689.936.91 1.52c.223.585.352 1.197.403 1.82zm29.863-6.421c-1.144-1.027-2.717-1.548-4.706-1.548c-1.197 0-2.289.287-3.263.858c-.988.572-1.781 1.365-2.392 2.366l-.065-.065v-2.665H65.99v18.136h4.004v-10.7c0-.65.105-1.273.312-1.859a4.6 4.6 0 0 1 .884-1.52a4.1 4.1 0 0 1 1.364-1.014c.533-.247 1.144-.364 1.834-.364c1.196 0 2.08.325 2.64.962c.559.637.87 1.677.91 3.107V85.97h4.004V73.517c-.001-2.068-.587-3.614-1.73-4.641zm21.762 7.28c-.195 1.56-.754 2.846-1.639 3.822c-.87.949-2.105 1.443-3.665 1.443c-1.17 0-2.159-.221-2.964-.676a5.7 5.7 0 0 1-1.975-1.78a7.8 7.8 0 0 1-1.118-2.549a12.3 12.3 0 0 1-.351-2.937c0-1.053.116-2.08.35-3.068a8.2 8.2 0 0 1 1.119-2.613a5.6 5.6 0 0 1 1.975-1.807c.806-.442 1.808-.676 2.964-.676a5.4 5.4 0 0 1 1.82.311a5.26 5.26 0 0 1 2.703 2.159a4.2 4.2 0 0 1 .586 1.599l.039.247h5.824l-.04-.326c-.169-1.456-.571-2.77-1.208-3.9a9.5 9.5 0 0 0-2.445-2.86a10.7 10.7 0 0 0-3.328-1.755c-1.234-.402-2.56-.597-3.939-.597c-1.937 0-3.705.337-5.226 1.027a11.4 11.4 0 0 0-3.9 2.833c-1.053 1.197-1.872 2.613-2.444 4.225c-.56 1.613-.846 3.354-.846 5.187c0 1.794.286 3.51.846 5.096s1.378 2.991 2.444 4.16a11.4 11.4 0 0 0 3.9 2.796c1.52.676 3.289 1.027 5.226 1.027c1.548 0 2.99-.247 4.277-.728a10.1 10.1 0 0 0 3.406-2.08a10.3 10.3 0 0 0 2.34-3.263c.586-1.261.95-2.704 1.093-4.264l.026-.312h-5.812zM116 80.835V60.789h-6.007v25.169H128v-5.122z"/></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. OpenclIcon.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.