Иконка Banjo 16

qlementine-icons:banjo-16

Иконка Banjo 16 (qlementine-icons:banjo-16) — бесплатная SVG-иконка из набора Qlementine Icons от Olivier Cléro. Она нарисована на сетке 24 × 24. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Qlementine Icons
Автор: Olivier Cléro
Лицензия: MIT
Размер: 24 × 24
Категория: Инструменты

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.5 16a.5.5 0 0 1-.5-.5V14c0-.83-1.08-1.38-1.09-1.38a.47.47 0 0 1-.26-.3a.5.5 0 0 1 0-.4l.28-.5a3 3 0 0 0-.26-.33A2.5 2.5 0 0 1 4 9.5c.03-.568.273-1.1.68-1.5c.049-.057.095-.1.138-.139c.106-.099.183-.17.183-.361c0-.201-.177-.372-.346-.534Q4.57 6.888 4.5 6.81A5.26 5.26 0 0 1 3 3.5a2.7 2.7 0 0 1 .168-1.38c.175-.439.492-.849.863-1.07c.37-.223.78-.35 1.21-.366a3 3 0 0 1 1.26.23l1.28-.859a.5.5 0 0 1 .418 0l1.28.859a3 3 0 0 1 1.26-.23c.432.016.87.102 1.25.363c.374.262.656.636.831 1.07c.176.439.234.915.169 1.38a5.28 5.28 0 0 1-1.5 3.31q-.068.071-.147.143c-.173.163-.354.333-.354.557c0 .236.113.325.236.421q.043.032.085.069c.408.396.65.932.68 1.5a2.5 2.5 0 0 1-.71 1.59q-.14.157-.26.33l.28.5a.5.5 0 0 1 0 .4a.48.48 0 0 1-.26.3s-1.05.55-1.05 1.38v1.5a.5.5 0 0 1-1 0v-1.5A2.58 2.58 0 0 1 10.19 12l-.14-.24a.9.9 0 0 1-.06-.34c.042-.401.226-.694.52-.97c.263-.253.432-.588.48-.95a1.38 1.38 0 0 0-.44-.85c-.324-.3-.56-.65-.56-1.15s.345-.968.72-1.32a4.36 4.36 0 0 0 1.28-2.68a1.84 1.84 0 0 0-.58-1.62c-.64-.409-1.71.046-1.86.112L9.531 2a.5.5 0 0 1-.244.007a.3.3 0 0 1-.1-.044c-.367-.228-1.2-.803-1.2-.803s-.762.502-1.18.792a.3.3 0 0 1-.129.058A.5.5 0 0 1 6.45 2a2.3 2.3 0 0 0-1.88-.08c-.39.21-.58.76-.58 1.58a4.38 4.38 0 0 0 1.28 2.68c.375.352.72.82.72 1.32s-.236.85-.56 1.15a1.33 1.33 0 0 0-.44.85c.048.362.217.697.48.95c.294.276.478.57.52.97a.9.9 0 0 1-.06.33l-.14.25a2.58 2.58 0 0 1 1.2 1.997v1.5a.5.5 0 0 1-.5.5zM2.36 4.52a.236.236 0 0 0-.195-.232l-1.61-.282l-.04-.004a.38.38 0 0 0-.317.185a1 1 0 0 0-.118.285a3 3 0 0 0-.076.706c0 .247.024.504.076.706c.026.1.063.202.118.285a.38.38 0 0 0 .316.185l.041-.003l1.61-.282a.235.235 0 0 0 .195-.232v-1.32zM1.49 12l-.04.004a.38.38 0 0 1-.317-.185a1 1 0 0 1-.118-.286a3 3 0 0 1-.076-.705c0-.247.024-.504.076-.706a1 1 0 0 1 .118-.285a.38.38 0 0 1 .316-.185q.02 0 .041.003l1.61.282c.113.02.195.117.195.232v1.32a.236.236 0 0 1-.195.232l-1.61.282zM13.8 4.29a.236.236 0 0 0-.195.232v1.32c0 .114.082.212.195.232l1.61.282l.04.004c.16 0 .263-.105.317-.185a1 1 0 0 0 .118-.285c.052-.202.076-.46.076-.706a3 3 0 0 0-.076-.706a1 1 0 0 0-.118-.285a.38.38 0 0 0-.316-.185l-.041.003l-1.61.282zm.8 7.71l-.04-.003l-1.61-.283a.236.236 0 0 1-.196-.232v-1.32c0-.114.083-.212.195-.232l1.61-.281l.041-.004c.16 0 .262.105.316.185a1 1 0 0 1 .118.285c.053.202.076.459.076.706s-.023.504-.076.706a1 1 0 0 1-.118.285a.38.38 0 0 1-.316.185z"/></svg>

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

React

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

<Icon icon="qlementine-icons:banjo-16" width="24" />

Vue

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

<template>
  <Icon icon="qlementine-icons:banjo-16" width="24" />
</template>

Svelte

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

<Icon icon="qlementine-icons:banjo-16" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--banjo-16]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:banjo-16"></div>

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

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

<iconify-icon icon="qlementine-icons:banjo-16"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/qlementine-icons/banjo-16.svg" alt="Иконка Banjo 16" width="24" height="24">

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

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

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

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

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

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

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

Все Qlementine Icons →