Иконка Cyberchef

thesvg-color:cyberchef

Иконка Cyberchef (thesvg-color:cyberchef) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 512 × 512. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 512 × 512

Скачать SVG

Код SVG

<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>

Как использовать иконку Cyberchef

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>

Веб-компонент

<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

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

Иконка Cyberchef в других наборах

Вопросы и ответы: Иконка Cyberchef

Можно ли бесплатно использовать иконку Cyberchef в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cyberchef в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:cyberchef" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cyberchef на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/cyberchef.svg" alt="Иконка Cyberchef">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →