Иконка Cassette2 Filled
reicon:cassette2-filled
Иконка Cassette2 Filled (reicon:cassette2-filled) — бесплатная SVG-иконка из набора Reicon. Она нарисована на сетке 24 × 24. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.75 13.75a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0m4.099 1.5h2.302a3 3 0 0 1-.401-1.5c0-.546.146-1.059.401-1.5H10.85c.255.441.401.954.401 1.5s-.146 1.059-.401 1.5m4.9 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3"/><path fill-rule="evenodd" d="m18.431 4.152l-.77 2.053c-.223.596-.412 1.1-.613 1.496c-.214.42-.472.785-.868 1.06c-.396.274-.827.387-1.296.44c-.442.049-.98.049-1.616.049h-2.537c-.636 0-1.174 0-1.615-.05c-.47-.052-.9-.165-1.297-.44c-.396-.274-.654-.638-.867-1.06c-.201-.395-.39-.9-.614-1.495l-.77-2.053c-1.066.149-1.818.441-2.396 1.02C2 6.343 2 8.229 2 12s0 5.657 1.172 6.828S6.229 20 10 20h4c3.771 0 5.657 0 6.828-1.172S22 15.771 22 12s0-5.657-1.172-6.828c-.578-.579-1.33-.871-2.397-1.02M5.25 13.75a3 3 0 0 1 3.167-2.995l.083-.005H16q.128 0 .243.04a3 3 0 0 1 0 5.92a.8.8 0 0 1-.243.04H8.5l-.083-.005q-.083.005-.167.005a3 3 0 0 1-3-3" clip-rule="evenodd"/><path d="m16.875 4.03l-.604 1.61c-.242.644-.402 1.07-.56 1.382c-.15.295-.267.423-.385.505s-.279.146-.609.183c-.348.039-.802.04-1.49.04h-2.455c-.687 0-1.141-.001-1.49-.04c-.33-.037-.49-.101-.608-.183s-.235-.21-.385-.505c-.159-.313-.319-.738-.56-1.381l-.604-1.61C7.939 4 8.887 4 10 4h4c1.112 0 2.06 0 2.875.03"/></g></svg>Как использовать иконку Cassette2 Filled
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:cassette2-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:cassette2-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:cassette2-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--cassette2-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:cassette2-filled"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:cassette2-filled"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/cassette2-filled.svg" alt="Иконка Cassette2 Filled" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Cassette2 Filled
Можно ли бесплатно использовать иконку Cassette2 Filled в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cassette2 Filled в React?
Установите @iconify/react и выведите <Icon icon="reicon:cassette2-filled" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cassette2 Filled на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/cassette2-filled.svg" alt="Иконка Cassette2 Filled">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.