Иконка Screencast2
reicon:screencast2
Иконка Screencast2 (reicon:screencast2) — бесплатная 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="M9.944 2.25c-1.838 0-3.294 0-4.433.153c-1.172.158-2.121.49-2.87 1.238c-.748.749-1.08 1.698-1.238 2.87c-.153 1.14-.153 2.595-.153 4.433v.112c0 1.838 0 3.294.153 4.433c.158 1.172.49 2.121 1.238 2.87c.304.303.646.543 1.031.73a.75.75 0 0 0 .656-1.348a2.3 2.3 0 0 1-.626-.443c-.423-.423-.677-1.003-.812-2.009c-.138-1.027-.14-2.382-.14-4.289s.002-3.261.14-4.29c.135-1.005.389-1.585.812-2.008s1.003-.677 2.009-.812c1.028-.138 2.382-.14 4.289-.14h4c1.907 0 3.262.002 4.29.14c1.005.135 1.585.389 2.008.812s.677 1.003.812 2.009c.138 1.028.14 2.382.14 4.289s-.002 3.262-.14 4.29c-.135 1.005-.389 1.585-.812 2.008c-.18.18-.384.325-.626.443a.75.75 0 0 0 .656 1.349a3.8 3.8 0 0 0 1.03-.731c.75-.749 1.081-1.698 1.239-2.87c.153-1.14.153-2.595.153-4.433v-.112c0-1.838 0-3.294-.153-4.433c-.158-1.172-.49-2.121-1.238-2.87c-.749-.748-1.698-1.08-2.87-1.238c-1.14-.153-2.595-.153-4.433-.153z"/><path fill-rule="evenodd" d="M12.118 13.875a2 2 0 0 0-.236 0c-.502.026-.908.248-1.273.532c-.342.265-.72.643-1.157 1.08l-.076.076c-.976.976-1.764 1.765-2.266 2.42c-.49.64-.895 1.391-.629 2.212q.055.169.136.327c.391.768 1.208 1.013 2.009 1.12c.818.108 1.932.108 3.313.108h.121c1.381 0 2.496 0 3.314-.109c.8-.106 1.617-.35 2.009-1.119q.082-.158.136-.327c.266-.82-.14-1.571-.63-2.212c-.501-.655-1.29-1.444-2.266-2.42l-.075-.075c-.438-.438-.815-.816-1.157-1.081c-.366-.284-.771-.506-1.273-.533m-.158 1.497h.08c.072.004.187.03.43.22c.26.2.57.51 1.05.989c1.03 1.03 1.745 1.747 2.178 2.313c.452.59.411.784.394.838a1 1 0 0 1-.045.109c-.026.05-.134.215-.87.313c-.708.094-1.721.096-3.177.096s-2.47-.002-3.176-.096c-.737-.098-.845-.263-.871-.313a1 1 0 0 1-.045-.11c-.018-.053-.058-.246.394-.837c.433-.566 1.148-1.284 2.178-2.313c.48-.48.79-.789 1.049-.99c.244-.189.358-.215.431-.219" clip-rule="evenodd"/></g></svg>Как использовать иконку Screencast2
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:screencast2" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:screencast2" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:screencast2" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--screencast2]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:screencast2"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:screencast2"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/reicon/screencast2.svg" alt="Иконка Screencast2" width="24" height="24">Похожие иконки в наборе Reicon
Вопросы и ответы: Иконка Screencast2
Можно ли бесплатно использовать иконку Screencast2 в коммерческих проектах?
Да. Reicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Screencast2 в React?
Установите @iconify/react и выведите <Icon icon="reicon:screencast2" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Screencast2 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/reicon/screencast2.svg" alt="Иконка Screencast2">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.