Screencast Outline icon

solar:screencast-outline

The Screencast Outline icon (solar:screencast-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: IT
Tags: screencastoutline

Download SVG

SVG code

<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>

How to use the Screencast Outline icon

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>

Web component

<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 image

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

Related icons in Solar

Screencast Outline icon FAQ

Is the Screencast Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Screencast Outline icon in React?

Install @iconify/react and render <Icon icon="solar:screencast-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Screencast Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/screencast-outline.svg" alt="Screencast Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →