ICONYZ
Español
Icono Screencast Bold de Solar

Icono Screencast Bold

solar:screencast-bold

El icono Screencast Bold (solar:screencast-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Solar
Autor
480 Design
Licencia
CC-BY-4.0
Tamaño
24 × 24
Categoría
TI
Etiquetas
screencastbold
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.50041 4H14.0004C17.7716 4 19.6573 4 20.8288 5.17157C22.0004 6.34315 22.0004 8.22876 22.0004 12C22.0004 15.7712 22.0004 17.6569 20.8288 18.8284C19.7295 19.9277 17.1211 19.9955 13.688 19.9997C13.3083 20.0002 13.0004 19.6922 13.0004 19.3125C13.0004 13.6171 8.38335 9 2.68791 9C2.30822 9 1.99946 8.69216 2.00197 8.31247C2.00401 8.00282 2.00874 7.71893 2.01967 7.60793C2.20672 5.70882 3.70923 4.20631 5.60834 4.01926C5.8039 4 6.03607 4 6.50041 4Z"/><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="M2 13.25C1.58579 13.25 1.25 13.5858 1.25 14C1.25 14.4142 1.58579 14.75 2 14.75C4.8995 14.75 7.25 17.1005 7.25 20C7.25 20.4142 7.58579 20.75 8 20.75C8.41421 20.75 8.75 20.4142 8.75 20C8.75 16.2721 5.72792 13.25 2 13.25Z"/><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.24264 17.75 4.25 18.7574 4.25 20C4.25 20.4142 4.58579 20.75 5 20.75C5.41421 20.75 5.75 20.4142 5.75 20C5.75 17.9289 4.07107 16.25 2 16.25Z"/></g></svg>

Cómo usar el icono Screencast Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

<img src="https://iconyz.com/api/public/svg/solar/screencast-bold.svg" alt="Icono Screencast Bold" width="24" height="24">

Iconos relacionados en Solar

El icono Screencast Bold en otras colecciones

Preguntas frecuentes sobre Icono Screencast Bold

¿El icono Screencast Bold es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Screencast Bold en React?

Instala @iconify/react y renderiza <Icon icon="solar:screencast-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Screencast Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/screencast-bold.svg" alt="Icono Screencast Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →