Иконка Core
token-branded:core
Иконка Core (token-branded:core) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#f0f3fa" d="m18.496 4.097l-7.43.068V5.97l.382 3.307l.574 1.53l.973.788l.242 4.342l1.04-.945l3.353-.04v.985l.99.45l.309.253l1.805.225V6.42l-.326-.562l-.54-.433l-.343-.507l-.675-.405l-.354-.41z"/><path fill="#00f" d="M13.125 10.875h.562v2.25h-.562zm0 2.813h.562v.562h-.562z"/><path fill="gray" d="M3.563 11.438h9.561V21H3.563z"/><path fill="#000" d="M3 10.875h9.562v9.562H3z"/><path fill="gray" d="M3 8.63h7.312v11.244H3z"/><path fill="gray" d="M6.938 6.375H12V9.75H6.938z"/><path fill="#f0f3fa" d="M7.5 5.808h3.937v2.255H7.5z"/><path fill="gray" d="M8.062 6.375h3.375v1.688H8.062zm2.329-2.812H7.984v.45H7.5v1.8h3.375v-1.8h-.484z"/><path fill="#f0f3fa" d="M8.626 4.125h1.687v1.688H8.626z"/><path fill="#000" d="M10.312 5.808h.563v.562h-.563z"/><path fill="silver" d="M10.312 4.125h.563v.563h-.563z"/><path fill="#000" d="M10.313 3.563h.563v.562h-.563zm0 1.687h.563v.563h-.563zM8.626 4.125h1.687v.563H8.626z"/><path fill="silver" d="M9.75 3.563h.563v.562H9.75z"/><path fill="#f0f3fa" d="M8.626 3.563H9.75v.562H8.626z"/><path fill="gray" d="M8.626 3h1.687v.563H8.626z"/><path fill="#000" d="M11.436 6.938H12V9.75h-.563z"/><path fill="red" d="M10.875 7.506h.562v2.25h-.562z"/><path fill="#f0f3fa" d="M9.75 9.188H3.563v10.687h8.436v-8.437H9.75z"/><path fill="#00f" d="M4.688 11.438h4.5V12h-4.5zm0 1.125h6.187v.562H4.688zm0 1.125h6.187v.562H4.688zm0 1.124h6.187v.563H4.688zm0 1.126h6.187v.562H4.688zm0 1.124h6.187v.563H4.688zm0 1.125h6.187v.563H4.688z"/><path fill="red" d="M5.25 5.813h.563V7.5h-.562zm.563-.563h.563v.563h-.563zm1.688-1.687h.562v.562h.562v.563h.563v.562h-.563v.563h-.562v.562h-.562V5.25H6.376v-.562H7.5zm8.436 17.436v-.562H14.25v.562zm.563-.562v-.563h-.562v.563zm1.687-1.688v-.562h-.562v-.563h-.563v-.562H16.5v.562h-.562v.563h-.563v.562H16.5v1.125h.562V18.75z"/><path fill="#c4c4c4" d="M8.626 7.5h.562v.563h-.562zm1.125 0h.562v.563h-.562zm-1.688-.562h.563V7.5h-.563zm1.125 0h.563V7.5h-.563zm1.125 0h.563V7.5h-.563zm0 2.812h.563v.563h-.563zm.563.563h.562v.562h-.562z"/><path fill="gray" d="M10.875 9.75h.562v.563h-.562zm.562.563H12v.562h-.563z"/><path fill="#00f" d="M12 10.313h1.126v.562H12z"/><path fill="#c4c4c4" d="M8.063 8.063h.563v.562h-.563zm1.125 0h.563v.562h-.563zm1.125 0h.563v.562h-.563zm-2.25-2.25h.563v.562h-.563zm1.125 0h.563v.562h-.563zm1.125 0h.563v.562h-.563z"/><path fill="gray" d="M8.626 5.25h1.687v.563H8.626zM18.75 4.125h.562v.563h-.562zm.562.563h.563v.562h-.563zm.563.562h.562v.563h-.562zm.562.563H21v.562h-.563z"/><path fill="#000" d="M18.749 6.375h2.25v.563h-2.25z"/><path fill="#00f" d="M13.125 6.375h2.25v.563h.562v2.25h-.562v.562h-2.25v-.562h-.563v-2.25h.563zm1.687.563h-1.125v2.25h1.125zm2.25 3.375h2.25v.562h.562v2.25h-.562v.562h-2.25v-.562H16.5v-2.25h.562zm1.687.562h-1.125v2.25h1.125zm-2.25-4.5h1.125V9.75H16.5zm-1.687 3.938h1.125v3.374h-1.125zm3.937-3.375h1.125V9.75H18.75z"/><path fill="silver" d="M14.25 14.25h3.375v.562H14.25z"/><path fill="#000" d="M14.25 14.813h3.375v.562H14.25z"/><path fill="gray" d="M13.687 14.813h.563v.562h-.563zm3.938 0h.562v.562h-.562z"/><path fill="#000" d="M17.625 15.375h.562V16.5h-.562z"/><path fill="#000" d="M17.625 15.938h1.125v.562h-1.125zm1.125.562H21v.563h-2.25z"/><path fill="#000" d="M20.437 6.375h.562v10.687h-.562zm-7.312 9h1.125V16.5h-1.125z"/><path fill="gray" d="M18.187 15.375h.562v.562h-.562zm.562.562h1.688v.562h-1.688zm0-12.374h-7.874v.562h7.312v2.813h.562z"/><path fill="#000" d="M10.875 4.125h.562v1.688h-.562z"/></g></svg>Как использовать иконку Core
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:core" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:core" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:core" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--core]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:core"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:core"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/core.svg" alt="Иконка Core" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Иконка Core в других наборах
Вопросы и ответы: Иконка Core
Можно ли бесплатно использовать иконку Core в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Core в React?
Установите @iconify/react и выведите <Icon icon="token-branded:core" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Core на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/core.svg" alt="Иконка Core">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.