Иконка Music Note Circle Block 1
streamline-freehand:music-note-circle-block-1
Иконка Music Note Circle Block 1 (streamline-freehand:music-note-circle-block-1) — бесплатная SVG-иконка из набора Freehand free icons от Streamline. Она нарисована на сетке 24 × 24. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand free icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Музыка, видео и развлечения
- Теги
- musicnote, notecircle, circleblock, musicnotecircleblock
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.997 9.265c0 .27 0 .54.12.89a.32.32 0 0 0 .63 0q.105-.495.129-1c0-.194-.044-.385-.13-.56c-.21-.379-.83.02-.75.67"/><path fill="currentColor" d="M22.063 5.688a11.5 11.5 0 0 0-1.39-1.64a.4.4 0 0 0-.1-.08A10.74 10.74 0 0 0 12.699.99a.32.32 0 1 0 0 .63a10.1 10.1 0 0 1 7.086 2.658a129 129 0 0 0-10.703 8.995c-1.28 1.23-2.579 2.419-3.858 3.628c-.74.7-1.46 1.399-2.179 2.109a10.2 10.2 0 0 1-2.138-6.397a11.53 11.53 0 0 1 2.998-7.805A11.75 11.75 0 0 1 11.379.87a.29.29 0 0 0 .25-.31a.29.29 0 0 0-.31-.25a12.43 12.43 0 0 0-7.935 3.998a12.4 12.4 0 0 0-3.378 8.315a10.8 10.8 0 0 0 3.228 8.066a11.93 11.93 0 0 0 8.195 2.998a12.67 12.67 0 0 0 6.896-2.069a12.66 12.66 0 0 0 4.727-5.397a10.68 10.68 0 0 0-.989-10.533m.12 10.104a11.8 11.8 0 0 1-4.427 4.917a11.7 11.7 0 0 1-6.307 1.878a11 11 0 0 1-7.505-2.608c-.18-.16-.34-.34-.5-.51c.56-.49 1.08-1.01 1.619-1.489c1.58-1.339 3.168-2.648 4.747-3.997c9.305-8.435 9.904-8.805 10.474-9.265q.622.649 1.12 1.4a9.8 9.8 0 0 1 .779 9.673"/><path fill="currentColor" d="M12.309 14.382c.232.85.373 1.72.42 2.599a2.23 2.23 0 0 1-.32 1.38a1.53 1.53 0 0 1-2.179.119a1.35 1.35 0 0 1-.41-2.129a2 2 0 0 1 .83-.51a1.57 1.57 0 0 1 .95-.06a.28.28 0 0 0 .399-.2a.28.28 0 0 0-.16-.37a2.17 2.17 0 0 0-1.34 0a2.7 2.7 0 0 0-1.188.62a2.158 2.158 0 0 0 .35 3.458a2.55 2.55 0 0 0 3.617-.31a3.18 3.18 0 0 0 .45-2.048a12.5 12.5 0 0 0-.62-2.719a16 16 0 0 0-.67-1.758c-.14-.36-.729 0-.519.49q.25.704.39 1.438m-.23-8.135c.34 0 .68.07 1 .13l1.548.44a.32.32 0 0 0 .2-.6l-1.569-.64c-.43-.12-.87-.23-1.309-.31c-.44-.08-.89-.14-1.33-.2H9.92a.64.64 0 0 0-.63.51c.035.483.14.957.31 1.41c.36 1.06 1 2.318 1.21 2.868a.28.28 0 0 0 .53-.18c-.13-.49-.44-1.559-.69-2.538c-.09-.37-.18-.72-.23-1h.12c.51.02 1.03.06 1.539.11"/></svg>Как использовать иконку Music Note Circle Block 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:music-note-circle-block-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:music-note-circle-block-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:music-note-circle-block-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--music-note-circle-block-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:music-note-circle-block-1"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:music-note-circle-block-1"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/music-note-circle-block-1.svg" alt="Иконка Music Note Circle Block 1" width="24" height="24">Похожие иконки в наборе Freehand free icons
Иконка Music Note Circle Block 1 в других наборах
Вопросы и ответы: Иконка Music Note Circle Block 1
Можно ли бесплатно использовать иконку Music Note Circle Block 1 в коммерческих проектах?
Да. Freehand free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Music Note Circle Block 1 в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand:music-note-circle-block-1" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Music Note Circle Block 1 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand/music-note-circle-block-1.svg" alt="Иконка Music Note Circle Block 1">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.