Ckeditor icon

file-icons:ckeditor

The Ckeditor icon (file-icons:ckeditor) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 464 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 464 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="464" height="512" viewBox="0 0 464 512"><path fill="currentColor" d="M462.455 384.045L365.42 24.505C354.93-.09 336.625-4.29 314.095 1.046L28.353 78.64C-.893 87.816-2.548 109.01 1.796 134.818l96.013 351.368c9.053 22.637 22.064 30.006 57.599 21.197l279.98-74.566c23.527-8.89 31.48-25.69 27.067-48.773M330.338 98.519c3.082 12.52-15.763 17.158-18.844 4.638c-3.454-12.528-10.361-25.095-32.088-18.498c-12.044 4.724-19.132-13.342-7.087-18.067c28.667-9.013 51.351 3.495 58.02 31.927M225.752 217.046L304.979 352.8c6.354 10.888-10.408 20.669-16.761 9.781l-78.953-135.283c-44.544-69.948 4.882-105.17 45.334-46.918c24.826 31.479 82.5 142.143 86.172 149.206c19.615 34.057 8.881 58.03-16.506 69.838l-138.379 37.468c-22.953 6.064-44.246-8.14-50.992-30.028L69.81 166.89c-5.218-21.215 5.074-40.953 24.512-46.779l135.03-39.854c14.944-3.985 26.975 2.755 31.993 18.093l5.174 15.082c3.245 9.982 13.796 15.907 23.984 13.39l14.693-3.629c12.719-3.136 25.864 4.59 29.305 17.231l53.108 192.758c3.428 12.441-15.283 17.596-18.71 5.154l-53.117-192.787c-.715-2.63-3.32-4.16-5.934-3.514c-9.894 2.644-18.746 4.7-24.09 4.773c-16.722.001-32.245-10.727-37.645-27.222l-5.174-15.083c-2.127-6.543-4.595-6.547-8.343-5.56l-134.74 39.77c-9.422 2.824-13.951 12.195-11.255 23.328l65.01 239.704c3.306 11.979 15.377 19.149 27.506 16.335l136.386-36.875c14.082-7.756 21.023-16.45 6.146-42.476c-.605-1.166-60.833-116.926-84.565-146.679c-32.189-43.134-38.902-16.543-13.333 24.997"/></svg>

How to use the Ckeditor icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:ckeditor" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:ckeditor" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:ckeditor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--ckeditor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:ckeditor"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:ckeditor"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/ckeditor.svg" alt="Ckeditor icon" width="24" height="24">

Ckeditor icon FAQ

Is the Ckeditor icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Ckeditor icon in React?

Install @iconify/react and render <Icon icon="file-icons:ckeditor" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ckeditor icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/ckeditor.svg" alt="Ckeditor icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →