Иконка Knip
simple-icons:knip
Иконка Knip (simple-icons:knip) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Simple Icons
- Автор
- Simple Icons Collaborators
- Лицензия
- CC0-1.0
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.518 0A4.51 4.51 0 0 0 0 4.518v14.964A4.51 4.51 0 0 0 4.518 24h14.964A4.51 4.51 0 0 0 24 19.482V4.518A4.51 4.51 0 0 0 19.482 0Zm12.965 2.547a3 3 0 0 1 .247.008l-5.589 9.747a1.94 1.94 0 0 1-.708.932c-.304.2-.468.176-.77.283a1.08 1.08 0 0 0-.623.537l-.104.33c-.093.296-.24.591-.02.88c.145.189.42.26.783.247c.316.064.615.193.877.38c.27.2.499.448.676.733c.52 1.006.554 2.116-.173 3.394c-.8 1.506-1.915 2.029-3.194 2.01c-.83-.112-1.399-.493-1.75-1.096c-.54-.927-.53-1.927-.18-2.908c.26-.66.583-1.294.965-1.893l.987-2.472l.096.09l5.173-9.107c.97-1.404 2.08-2.09 3.307-2.095M4.752 7.437c1.47-.003 2.418.576 3.038 1.523c.158.293.26.613.3.944a2.3 2.3 0 0 1-.096.957c-.191.309-.265.583-.171.804c.142.333.471.35.774.415l.339.073c.13.006.262-.012.387-.052l-.617 1.105l-.021-.002l.005.028l-.05.09l-2.56-.351c-.709.037-1.42.005-2.123-.095c-1.025-.178-1.903-.67-2.439-1.59c-.349-.6-.403-1.287-.085-2.06c.615-1.123 1.622-1.827 3.319-1.79M4.72 8.545a3.2 3.2 0 0 0-1.74.528c-1.035.735-.67 1.826.298 2.401a2.56 2.56 0 0 0 1.476.34a3.6 3.6 0 0 0 1.16-.25a1.82 1.82 0 0 0 .971-.837v-.001c.313-.625.04-1.212-.455-1.634c-.397-.339-.93-.52-1.586-.545zm18.008 2.591c-.574 1.198-1.756 1.902-3.569 2.062l-6.9.005l1.184-2.023zm-11.712.583a.54.54 0 0 0-.277.072a.536.536 0 0 0-.134.819a.536.536 0 0 0 .866-.625a.54.54 0 0 0-.455-.266m-.746 4.82a1.82 1.82 0 0 0-1.207.43a3.6 3.6 0 0 0-.791.886a2.55 2.55 0 0 0-.433 1.45c.023 1.125.792 1.98 1.943 1.445a3.2 3.2 0 0 0 1.381-1.354c.298-.59.404-1.142.304-1.655c-.122-.64-.498-1.165-1.196-1.2z"/></svg>Как использовать иконку Knip
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:knip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:knip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:knip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--knip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:knip"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:knip"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/knip.svg" alt="Иконка Knip" width="24" height="24">Иконка Knip в других наборах
Вопросы и ответы: Иконка Knip
Можно ли бесплатно использовать иконку Knip в коммерческих проектах?
Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Knip в React?
Установите @iconify/react и выведите <Icon icon="simple-icons:knip" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Knip на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/knip.svg" alt="Иконка Knip">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.