Cyberchef icon

thesvg-color:cyberchef

The Cyberchef icon (thesvg-color:cyberchef) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 512 × 512 grid. theSVG Color icons are released under the MIT 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: theSVG Color
Author: thesvg.org
License: MIT
Size: 512 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><defs><filter id="SVGvb2z0dCT"><feFlood flood-color="#000" flood-opacity=".498" result="flood"/><feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/><feGaussianBlur in="composite1" result="blur" stdDeviation="5"/><feOffset dy=".7" result="offset"/><feComposite in="SourceGraphic" in2="offset" result="composite2"/></filter><filter id="SVGIx9FDemQ"><feFlood flood-color="#000" flood-opacity=".498" result="flood"/><feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/><feGaussianBlur in="composite1" result="blur" stdDeviation="2"/><feOffset dy=".7" result="offset"/><feComposite in="SourceGraphic" in2="offset" result="composite2"/></filter><filter id="SVGzujJxcFH"><feFlood flood-color="#000" flood-opacity=".498" result="flood"/><feComposite in="flood" in2="SourceGraphic" operator="in" result="composite1"/><feGaussianBlur in="composite1" result="blur" stdDeviation="3"/><feOffset dy="1" result="offset"/><feComposite in="SourceGraphic" in2="offset" result="composite2"/></filter></defs><g transform="translate(0 -540.362)"><path fill="#a05a2c" d="M147.262 836.046c-25.208-.108-39.527 29.07-38.483 49.605c-50.616 46.284-16.206 107.163 37.643 108.726c32.083 0 42.688-30.527 42.688-63.048c-.02-17.823-8.002-34.677-21.708-45.839a39.1 39.1 0 0 0 1.594-10.985c0-21.342-.679-38.46-21.734-38.46" color="#000" filter="url(#SVGvb2z0dCT)"/><path fill="#666" d="m329.75 848.937l-.993 5.448c-.547 2.996-1.516 9.18-2.152 13.74c-.963 6.909-2.009 8.798-6.28 11.327c-5 2.959-5.327 2.945-13.052-.519c-17.005-7.625-16.505-7.736-24.185 5.368a548 548 0 0 0-2.214 3.803c-4.471 7.774-4.192 8.345-1.544 11.31c1.694 1.898 6.443 5.947 10.552 9.004c6.604 4.913 7.452 6.27 7.304 11.708c-.149 5.433-1.355 7.126-10.334 14.49c-5.591 4.587-10.168 8.748-10.168 9.248c0 1.675 11.822 22.364 13.314 23.298c.81.508 6.892-1.294 13.51-4.008c11.696-4.795 12.176-4.854 16.99-2.077c4.096 2.364 5.152 4.289 6.108 11.147c.636 4.56 1.605 10.747 2.152 13.743l.995 5.444h27.803l1.72-6.285c.948-3.457 1.735-8.171 1.753-10.476c.056-7.43 1.72-10.88 6.615-13.728c4.619-2.686 5.203-2.614 16.033 2.069c6.182 2.673 12.01 4.882 12.95 4.907s4.44-4.671 7.775-10.433s6.078-11.605 6.094-12.988s-4.365-5.908-9.74-10.057c-8.713-6.726-9.783-8.207-9.872-13.668c-.09-5.51.893-6.936 9.815-14.246c5.454-4.468 9.917-9.155 9.92-10.417c.006-1.707-8.941-18.433-12.497-23.368c-.207-.286-6.156 1.75-13.226 4.533c-12.278 4.832-13.06 4.943-17.422 2.33c-4.674-2.798-6.39-6.491-6.447-13.888c-.018-2.305-.804-7.016-1.751-10.473l-1.723-6.286l-13.903-.002h-13.9zm8.336 50.056a21.566 21.86 0 0 1 26.41 15.459a21.566 21.86 0 0 1-15.246 26.774a21.566 21.86 0 0 1-26.414-15.459a21.566 21.86 0 0 1 15.25-26.774" filter="url(#SVGvb2z0dCT)"/><path fill="#fff" d="M182.318 965.934h80.358v21.079h-80.358z" color="#000"/><path fill="#de8787" d="M248.105 1013.024h.074l.279-33.12l-.074-.001l-.054 6.517l-66.534-.613c18.285 10.093 31.56 25.459 66.386 18.15z" color="#000"/><path fill="#4d4d4d" d="m247.74 975.65l58.093-.658c.357 12.178-35.607 22.21-58.092 23.003z" color="#000"/><g filter="url(#SVGvb2z0dCT)" transform="matrix(1.01662 0 0 1.03049 -12.543 -24.306)"><path fill="#b3b3b3" d="M256 834.722v136.212h.03v-.562l57.142-.639c.351 11.81-34.98 21.54-57.1 22.32v11.024H256v32.514c35.995.404 68.912-13.702 99.937-36.725V834.721z" color="#000"/><path fill="#ffe1e1" d="M256 834.721v135.933l-57.143.179c4.804 15.524 35.246 22.139 57.143 21.25v43.507c-30.79-.345-63.822-11.271-99.937-36.724V834.72z" color="#000"/></g><ellipse cx="196.153" cy="887.901" fill="#333" color="#000" rx="18.239" ry="18.488"/><ellipse cx="204.14" cy="882.658" fill="#fff" color="#000" rx="5.743" ry="5.822"/><ellipse cx="294.184" cy="887.901" fill="#1fdf1f" color="#000" rx="18.239" ry="18.488"/><ellipse cx="300.967" cy="882.13" fill="#fff" color="#000" rx="5.743" ry="5.822"/><g filter="url(#SVGIx9FDemQ)"><path fill="#d38d5f" d="M149.12 835.916c-9.753 0-23.643 12.166-23.436 26.911c26.775.893 12.234 16.595 54.45 16.595c23.578-.001 52.363-19.376 52.363-43.275l-.005-.118z" color="#000"/><path fill="#4d4d4d" d="M349.496 836.338c9.754 0 23.643 12.166 23.436 26.911c-26.775.893-12.233 16.594-54.45 16.594c-23.578 0-52.363-19.375-52.363-43.275l.005-.118z" color="#000"/></g><g filter="url(#SVGzujJxcFH)" transform="matrix(1.01662 0 0 1.03049 -12.543 -24.306)"><path fill="#666" d="m255.893 880.362l5.824-.138l18.004 70.02l-23.647.118z" color="#000"/><path fill="#ffcfcf" d="M255.946 880.362c-4.615 1.139-6.93 3.507-8.387 6.849c-9.12 20.926-30.506 62.88 8.385 63.151z" color="#000"/></g><g filter="url(#SVGvb2z0dCT)"><path fill="gray" d="M247.71 792.744v32.01h97.945v-32.01z" color="#000"/><path fill="#b3b3b3" d="M247.71 792.744h-97.944v32.01h97.944z" color="#000"/><path fill="#ccc" d="M256.475 549.805a72 72 0 0 0-8.765.606c-.027 65.614 0 171.313 0 246.906h102.826v-51.593c.341-2.199.645-4.394.83-6.138l.746-7.063l6.412-2.556l6.411-2.558l9.348 7.558c5.142 4.157 10.347 7.56 11.568 7.563c3.054.01 24.901-22.495 24.901-25.65c0-1.333-3.326-6.686-7.388-11.894l-7.386-9.468l2.329-5.442c1.28-2.993 2.662-5.815 3.067-6.27s6.447-1.77 13.425-2.924l12.688-2.097l.32-17.456c.19-10.425-.14-17.923-.823-18.615c-.628-.637-6.644-1.995-13.365-3.017l-12.217-1.856l-2.694-6.714l-2.69-6.712l7.368-9.556c4.052-5.256 7.366-10.34 7.366-11.296c0-2.045-22.898-25.963-24.855-25.963c-.735 0-5.86 3.457-11.39 7.684l-10.052 7.689l-6.16-2.589l-5.964-2.503l-.197-.09l-1.896-12.343c-1.044-6.79-2.459-13.03-3.145-13.869c-.962-1.174-9.081-1.715-17.203-1.664c-8.123.05-16.25.691-17.221 1.877c-.695.849-1.896 5.904-2.85 11.686c-13.78-15.038-33.096-23.61-53.344-23.673m-8.765 269.373v16.911h102.826v-16.91z" color="#000"/><path fill="#e6e6e6" d="M247.71 550.41a73.11 74.108 0 0 0-50.247 29.885a73.11 74.108 0 0 0-24.788-4.489a73.11 74.108 0 0 0-73.109 74.109a73.11 74.108 0 0 0 44.892 68.352v79.05H247.71zm0 268.768H144.458v16.911H247.71z" color="#000"/><path fill="none" d="M145.97 816.62h204.286"/></g></g></svg>

How to use the Cyberchef icon

React

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

<Icon icon="thesvg-color:cyberchef" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:cyberchef" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:cyberchef" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cyberchef]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cyberchef"></div>

Web component

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

<iconify-icon icon="thesvg-color:cyberchef"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/cyberchef.svg" alt="Cyberchef icon" width="24" height="24">

Cyberchef icon in other icon sets

Cyberchef icon FAQ

Is the Cyberchef icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Cyberchef icon in React?

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

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

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

Browse all theSVG Color icons →