Иконка Screencast Outline

solar:screencast-outline

Иконка Screencast Outline (solar:screencast-outline) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: ИТ
Теги: screencastoutline

Скачать 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.45239 3.25C6.03356 3.24997 5.76719 3.24995 5.53442 3.27288C3.27923 3.49499 1.49499 5.27923 1.27288 7.53442C1.24995 7.76719 1.24997 8.03355 1.25 8.45238L1.25 8.5C1.25 8.91422 1.58579 9.25 2 9.25C2.41422 9.25 2.75 8.91422 2.75 8.5C2.75 8.01782 2.75091 7.8311 2.76565 7.68145C2.91763 6.13842 4.13842 4.91763 5.68145 4.76565C5.8311 4.75091 6.01782 4.75 6.5 4.75H14C15.9068 4.75 17.2615 4.7516 18.2892 4.88976C19.2952 5.02503 19.8749 5.2787 20.2981 5.70191C20.7213 6.12512 20.975 6.70476 21.1102 7.71085C21.2484 8.73852 21.25 10.0932 21.25 12C21.25 13.9068 21.2484 15.2615 21.1102 16.2892C20.975 17.2952 20.7213 17.8749 20.2981 18.2981C19.8749 18.7213 19.2952 18.975 18.2892 19.1102C17.2615 19.2484 15.9068 19.25 14 19.25C13.5858 19.25 13.25 19.5858 13.25 20C13.25 20.4142 13.5858 20.75 14 20.75H14.0564C15.8942 20.75 17.3498 20.75 18.489 20.5969C19.6614 20.4392 20.6104 20.1071 21.3588 19.3588C22.1071 18.6104 22.4392 17.6615 22.5969 16.489C22.75 15.3498 22.75 13.8942 22.75 12.0565V11.9436C22.75 10.1059 22.75 8.65019 22.5969 7.51098C22.4392 6.33856 22.1071 5.38961 21.3588 4.64125C20.6104 3.89288 19.6614 3.56077 18.489 3.40314C17.3498 3.24998 15.8942 3.24999 14.0564 3.25L6.45239 3.25Z"/><path d="M2 10.25C1.58579 10.25 1.25 10.5858 1.25 11C1.25 11.4142 1.58579 11.75 2 11.75C6.55635 11.75 10.25 15.4437 10.25 20C10.25 20.4142 10.5858 20.75 11 20.75C11.4142 20.75 11.75 20.4142 11.75 20C11.75 14.6152 7.38478 10.25 2 10.25Z"/><path d="M1.25 14C1.25 13.5858 1.58579 13.25 2 13.25C5.72793 13.25 8.75 16.2721 8.75 20C8.75 20.4142 8.41422 20.75 8 20.75C7.58579 20.75 7.25 20.4142 7.25 20C7.25 17.1005 4.8995 14.75 2 14.75C1.58579 14.75 1.25 14.4142 1.25 14Z"/><path d="M2 16.25C1.58579 16.25 1.25 16.5858 1.25 17C1.25 17.4142 1.58579 17.75 2 17.75C3.24265 17.75 4.25 18.7574 4.25 20C4.25 20.4142 4.58579 20.75 5 20.75C5.41422 20.75 5.75 20.4142 5.75 20C5.75 17.9289 4.07107 16.25 2 16.25Z"/></g></svg>

Как использовать иконку Screencast Outline

React

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

<Icon icon="solar:screencast-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:screencast-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:screencast-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--screencast-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:screencast-outline"></div>

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

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

<iconify-icon icon="solar:screencast-outline"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/screencast-outline.svg" alt="Иконка Screencast Outline" width="24" height="24">

Вопросы и ответы: Иконка Screencast Outline

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

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Solar →