Иконка Npm
token:npm
Иконка Npm (token:npm) — бесплатная SVG-иконка из набора Web3 Icons от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-17.999A9 9 0 0 0 12 21m0-.36a8.64 8.64 0 1 0 0-17.28a8.64 8.64 0 0 0 0 17.28" clip-rule="evenodd"/><path fill="currentColor" d="m11.025 6.41l.927-1.266c.031-.037.058-.037.09 0l.91 1.27c-.55-.026-.693.636-.169.726c.466.074.921.19 1.366.36c.222.085.513-.069.45-.344c-.043-.186-.175-.318-.397-.387q-.111-.038 0-.069l1.44-.36q.096-.03.047.059l-1.021 1.826c-.027.048-.064.058-.111.048q-2.527-.762-5.11.016c-.042.016-.079 0-.1-.043L8.309 6.393c-.031-.053-.015-.068.037-.053l1.335.334c.132.032.142.08.015.148c-.232.127-.455.297-.243.593a.32.32 0 0 0 .37.106q.691-.286 1.414-.381c.519-.069.333-.778-.212-.73M8.05 10.37l-.106.052a.2.2 0 0 1-.085.037c-.063 0-.084-.02-.068-.074c.143-.487.503-.91.804-1.323a.8.8 0 0 1 .37-.26c.78-.27 1.504-.434 2.187-.482c.022 0 .037.022.027.038a.8.8 0 0 1-.413.37c-.582.222-1.08.318-1.345.953c-.227.53-.402 1.393-.969 1.652c-.407.185-.497.704-.55 1.096c-.01.105-.032.105-.053 0q-.134-.555-.053-1.08c.042-.328.238-.598.328-.916c.021-.069 0-.09-.074-.064"/><path fill="currentColor" d="M12.408 11.672q-.002.34.132.02a1.5 1.5 0 0 0 .106-.37c0-.026.01-.053.037-.069c.021-.02.053-.026.08-.031q.236-.002.481.037q.595.105 1.033-.212q.08-.047 0-.1c-.403-.308-1.006-.144-1.477-.043c-.085.016-.096 0-.032-.058c.37-.334.847-.46 1.408-.387l.148.005c.1 0 .17.043.201.128c.112.29.265.862.62.968c.032.011.042.043.021.064a5 5 0 0 0-.773 1.25c-.063.147-.265.216-.423.158l-.869-.35q-.07-.032-.08-.09a.46.46 0 0 0-.232-.306a.18.18 0 0 0-.164-.016a.13.13 0 0 0-.08.069c-.031.079 0 .105.085.09q.104-.024.185.11c.027.054.022.107-.02.15a.2.2 0 0 1-.048.03l-.588.234a.37.37 0 0 1-.238.016a4 4 0 0 1-.688-.265a.14.14 0 0 1 .037-.265a.3.3 0 0 1 .127-.005c.063.01.068-.053.063-.09q-.017-.072-.09-.08c-.27-.042-.35.144-.407.329a.15.15 0 0 1-.096.095l-.815.328q-.332.135-.466-.158a7 7 0 0 0-.746-1.24c-.027-.031-.022-.052.026-.074c.381-.137.477-.677.62-.995a.12.12 0 0 1 .1-.069q.931-.142 1.472.233c.249.175.222.223-.09.149c-.403-.096-.9-.18-1.26.074a.074.074 0 0 0 0 .127q.555.34 1.334.148q.24-.056.312.159l.122.445c.016.053.106.079.106.01l-.016-1.212c0-.048-.026-.08-.074-.106a6.4 6.4 0 0 0-1.726-.455c-.053-.006-.063-.032-.048-.075q.32-.681.916-.72c.572-.031.863-.481 1.064-.9c.022-.042.053-.058.106-.058l.36-.005a.12.12 0 0 1 .074.021q.031.014.053.053c.186.392.524.884 1.064.89c.434.005.752.397.927.73c.021.032.005.053-.032.053a6.5 6.5 0 0 0-1.768.487a.1.1 0 0 0-.069.09v1.054z"/><path fill="currentColor" d="M15.812 10.401a.22.22 0 0 0 .015.186c.34.582.424 1.19.239 1.837c-.037.127-.059.127-.07-.01a2.1 2.1 0 0 0-.227-.821c-.132-.255-.418-.265-.614-.466a1.1 1.1 0 0 1-.244-.34c-.19-.386-.37-.793-.545-1.212c-.127-.296-.413-.709-.773-.74a2.5 2.5 0 0 1-.45-.075a.46.46 0 0 1-.248-.164l-.122-.17c-.07-.084-.043-.126.068-.116q1.216.119 2.335.545a.2.2 0 0 1 .117.096q.277.46.62.873q.213.262.317.604c.016.058 0 .084-.064.069a.6.6 0 0 1-.254-.127a.07.07 0 0 0-.106.031z"/><path fill="currentColor" d="M15.515 14.986c.159.37.106.741-.138 1.101q-.224.317-.148-.042c.164-.747-.688-1.377-.571-2.16a4.4 4.4 0 0 1 .878-1.853q.047-.064.085 0q.476.796.291 1.535c-.159.662.763.831.053 1.599q-.062.063-.116 0l-.223-.26c-.042-.042-.132.032-.11.08M8.4 14.562a.3.3 0 0 0-.212.18q-.054.118-.164.022c-.291-.244-.355-.604-.095-.874a.9.9 0 0 0 .17-.244a.16.16 0 0 0 .01-.116a1.76 1.76 0 0 1 .275-1.525a.1.1 0 0 1 .053 0q.016.004.026.016c.487.582 1.144 1.53.79 2.192c-.265.492-.54.873-.498 1.43q.008.119-.085.015c-.302-.333-.37-.688-.196-1.043c.016-.031-.032-.063-.074-.053m2.912-.492c-.826.243-1.483.741-1.377 1.625c.042.329.286.572.445.858a.4.4 0 0 1 .016.323c-.117.296-.217.598 0 .89c.031.052.02.068-.043.052a.5.5 0 0 1-.338-.243a.17.17 0 0 1-.016-.143c.095-.302-.122-.498-.307-.715c-.562-.672-.329-1.726 0-2.446c.217-.476.783-.794 1.149-1.186c.095-.106.275.127.354.164q.478.254.82.244c.363-.021.708-.159.986-.392q.061-.063.132 0c.222.196.466.408.725.62c.582.476.741 1.238.784 1.932c.037.519-.154.895-.503 1.27c-.16.17-.196.35-.127.54a.1.1 0 0 1-.006.096a.53.53 0 0 1-.328.254c-.069.021-.085 0-.042-.053c.392-.54-.19-.995.249-1.583c.46-.614.227-1.371-.392-1.768a2.9 2.9 0 0 0-.784-.328a.3.3 0 0 0-.18.005a1.54 1.54 0 0 1-1.059-.01a.24.24 0 0 0-.158 0z"/><path fill="currentColor" d="M11.964 14.743c.386 0 .699-.058.699-.138c0-.074-.318-.137-.7-.137c-.386 0-.703.063-.703.137s.317.138.704.138"/><path fill="currentColor" d="M12.186 17.172c.021.212-.058.397-.249.572c-.063.063-.063.36-.159.328a2.06 2.06 0 0 1-.984-.699a.15.15 0 0 1-.021-.148c.174-.424.052-.826-.18-1.18q-.381-.582.042-1.155a.56.56 0 0 1 .36-.222a.14.14 0 0 1 .1.021c.61.397 1.197.392 1.747-.016a.13.13 0 0 1 .122-.021q.511.141.614.72c.053.312-.105.545-.254.794c-.222.397-.222.863.016 1.234q.07.118-.042.196a.9.9 0 0 1-.487.169a.2.2 0 0 0-.138.063a.8.8 0 0 0-.228.43c-.015.105-.063.126-.137.042c-.106-.111-.18-.223-.133-.387l.175-.582c.021-.08-.063-.138-.106-.186q-.07-.062-.053.027z"/></svg>Как использовать иконку Npm
React
import { Icon } from "@iconify/react";
<Icon icon="token:npm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:npm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:npm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--npm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:npm"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:npm"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token/npm.svg" alt="Иконка Npm" width="24" height="24">Иконка Npm в других наборах
Вопросы и ответы: Иконка Npm
Можно ли бесплатно использовать иконку Npm в коммерческих проектах?
Да. Web3 Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Npm в React?
Установите @iconify/react и выведите <Icon icon="token:npm" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Npm на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token/npm.svg" alt="Иконка Npm">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.