Иконка Cowbell 16
qlementine-icons:cowbell-16
Иконка Cowbell 16 (qlementine-icons:cowbell-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 xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10 3.03c.166.022.334.06.494.128c.328.138.613.36.826.645c.248.33.349.745.43 1.08l.023.092l1.71 6.84c.077.308.15.6.189.846a2.05 2.05 0 0 1-.041.94a2 2 0 0 1-.874 1.12c-.31.187-.635.243-.901.267c-.25.023-.55.022-.867.022h-5.98c-.317 0-.618 0-.867-.022a2.04 2.04 0 0 1-.901-.268a2 2 0 0 1-.874-1.12a2.05 2.05 0 0 1-.041-.939c.039-.247.112-.538.189-.846l1.71-6.84l.023-.092c.08-.331.183-.745.43-1.08c.213-.285.498-.507.826-.645a2 2 0 0 1 .494-.128V2c0-.465 0-.697.05-.888a1.5 1.5 0 0 1 1.06-1.06c.192-.051.424-.051.889-.051s.697 0 .888.051c.518.139.922.543 1.06 1.06c.05.191.05.423.05.888v1.03zm-3.28.972c-.428 0-.646.002-.828.078a1 1 0 0 0-.413.323c-.121.161-.175.378-.283.811l-1.7 6.8c-.169.678-.254 1.02-.172 1.28a1 1 0 0 0 .437.56C4 14 4.349 14 5.051 14h5.9c.699 0 1.05 0 1.29-.145a1 1 0 0 0 .437-.56c.082-.267-.002-.606-.172-1.28l-1.7-6.8c-.108-.433-.162-.65-.283-.81a1 1 0 0 0-.413-.324c-.182-.076-.4-.078-.828-.078h-2.56zm2.28-1v-1c0-.242 0-.389-.005-.501c-.005-.107-.013-.132-.012-.128a.5.5 0 0 0-.354-.354c.004.001-.021-.007-.128-.012c-.112-.005-.26-.005-.501-.005s-.389 0-.501.005c-.107.005-.132.013-.128.012a.5.5 0 0 0-.354.354s-.007.028-.012.128C7 1.613 7 1.761 7 2.002v1z" clip-rule="evenodd"/></svg>Как использовать иконку Cowbell 16
React
import { Icon } from "@iconify/react";
<Icon icon="qlementine-icons:cowbell-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="qlementine-icons:cowbell-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="qlementine-icons:cowbell-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[qlementine-icons--cowbell-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/qlementine-icons -->
<div class="i-qlementine-icons:cowbell-16"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="qlementine-icons:cowbell-16"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/qlementine-icons/cowbell-16.svg" alt="Иконка Cowbell 16" width="24" height="24">Похожие иконки в наборе Qlementine Icons
Вопросы и ответы: Иконка Cowbell 16
Можно ли бесплатно использовать иконку Cowbell 16 в коммерческих проектах?
Да. Qlementine Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cowbell 16 в React?
Установите @iconify/react и выведите <Icon icon="qlementine-icons:cowbell-16" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cowbell 16 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/qlementine-icons/cowbell-16.svg" alt="Иконка Cowbell 16">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.