Icono Video Subtitles
streamline-plump-color:video-subtitles
El icono Video Subtitles (streamline-plump-color:video-subtitles) es un icono SVG gratuito de la colección Plump color icons de Streamline. Está dibujado en una cuadrícula de 48 × 48. Plump color 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
- Plump color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 48 × 48
- Categoría
- Interfaz esencial
- Etiquetas
- videosubtitles, subtitle
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M8.227 36.941c-2.544-.17-4.54-2.055-4.769-4.595c-.24-2.665-.47-6.656-.47-12.154s.23-9.49.47-12.154c.229-2.54 2.225-4.426 4.77-4.595C11.455 3.228 16.615 3 24 3s12.544.228 15.773.443c2.545.17 4.54 2.055 4.77 4.595c.239 2.664.469 6.656.469 12.154s-.23 9.49-.47 12.154c-.228 2.54-2.224 4.426-4.769 4.595c-2.83.189-7.143.387-13.138.433l-7.907 7.04c-1.29 1.147-3.33.232-3.33-1.495v-5.65a190 190 0 0 1-7.172-.328"/><path fill="#fff" d="M31.006 16.144c.018-1.172.747-2.031 1.917-2.095c.53-.03 1.209-.049 2.077-.049s1.547.02 2.077.049c1.17.064 1.899.923 1.917 2.095a56 56 0 0 1 0 1.713c-.018 1.171-.747 2.03-1.917 2.094c-.53.03-1.209.049-2.077.049s-1.547-.02-2.077-.049c-1.17-.064-1.899-.923-1.917-2.095a56 56 0 0 1 0-1.713m-9.998 11.201c.033-1.293.976-2.16 2.268-2.223C24.578 25.057 26.672 25 30 25s5.422.057 6.724.12c1.292.065 2.235.93 2.268 2.223a26 26 0 0 1 0 1.314c-.033 1.292-.976 2.159-2.268 2.222c-1.302.064-3.396.121-6.724.121s-5.421-.057-6.724-.12c-1.292-.064-2.235-.93-2.268-2.223a26 26 0 0 1 0-1.314M9.007 16.355c.03-1.298.966-2.176 2.263-2.24c1.238-.062 3.188-.115 6.23-.115s4.992.053 6.23.115c1.297.064 2.232.942 2.263 2.24a27 27 0 0 1 0 1.29c-.03 1.298-.966 2.176-2.263 2.24c-1.238.062-3.187.115-6.23.115s-4.992-.053-6.23-.115c-1.297-.064-2.232-.942-2.263-2.24a27 27 0 0 1 0-1.29m0 10.692c.017-1.116.689-1.943 1.803-2.006c.443-.025.998-.041 1.69-.041s1.247.016 1.69.041c1.114.063 1.786.89 1.803 2.006a63 63 0 0 1 0 1.906c-.017 1.116-.689 1.943-1.803 2.006c-.443.025-.998.041-1.69.041s-1.246-.016-1.69-.041c-1.114-.063-1.786-.89-1.803-2.006a62 62 0 0 1 0-1.906"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M8.227 36.941c-2.544-.17-4.54-2.055-4.769-4.595c-.24-2.665-.47-6.656-.47-12.154s.23-9.49.47-12.154c.229-2.54 2.225-4.426 4.77-4.595C11.455 3.228 16.615 3 24 3s12.544.228 15.773.443c2.545.17 4.54 2.055 4.77 4.595c.239 2.664.469 6.656.469 12.154s-.23 9.49-.47 12.154c-.228 2.54-2.224 4.426-4.769 4.595c-2.83.189-7.143.387-13.138.433l-7.907 7.04c-1.29 1.147-3.33.232-3.33-1.495v-5.65a190 190 0 0 1-7.172-.328"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M9.007 27.047c.017-1.116.689-1.943 1.803-2.006c.443-.025.998-.041 1.69-.041s1.247.016 1.69.041c1.114.063 1.786.89 1.803 2.006a63 63 0 0 1 0 1.906c-.017 1.116-.689 1.943-1.803 2.006c-.443.025-.998.041-1.69.041s-1.246-.016-1.69-.041c-1.114-.063-1.786-.89-1.803-2.006a62 62 0 0 1 0-1.906m0-10.692c.03-1.298.966-2.176 2.263-2.24c1.238-.062 3.188-.115 6.23-.115s4.992.053 6.23.115c1.297.064 2.232.942 2.263 2.24a27 27 0 0 1 0 1.29c-.03 1.298-.966 2.176-2.263 2.24c-1.238.062-3.187.115-6.23.115s-4.992-.053-6.23-.115c-1.297-.064-2.232-.942-2.263-2.24a27 27 0 0 1 0-1.29m12.001 10.989c.033-1.293.976-2.16 2.268-2.223C24.578 25.057 26.672 25 30 25s5.422.057 6.724.12c1.292.065 2.235.93 2.268 2.223a26 26 0 0 1 0 1.314c-.033 1.292-.976 2.159-2.268 2.222c-1.302.064-3.396.121-6.724.121s-5.421-.057-6.724-.12c-1.292-.064-2.235-.93-2.268-2.223a26 26 0 0 1 0-1.314m9.998-11.199c.018-1.172.747-2.031 1.917-2.095c.53-.03 1.209-.049 2.077-.049s1.547.02 2.077.049c1.17.064 1.899.923 1.917 2.095a56 56 0 0 1 0 1.713c-.018 1.171-.747 2.03-1.917 2.094c-.53.03-1.209.049-2.077.049s-1.547-.02-2.077-.049c-1.17-.064-1.899-.923-1.917-2.095a56 56 0 0 1 0-1.713"/></g></svg>Cómo usar el icono Video Subtitles
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:video-subtitles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:video-subtitles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:video-subtitles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--video-subtitles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:video-subtitles"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:video-subtitles"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/video-subtitles.svg" alt="Icono Video Subtitles" width="24" height="24">Iconos relacionados en Plump color icons
El icono Video Subtitles en otras colecciones
Preguntas frecuentes sobre Icono Video Subtitles
¿El icono Video Subtitles es gratis para uso comercial?
Sí. Plump color 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 Video Subtitles en React?
Instala @iconify/react y renderiza <Icon icon="streamline-plump-color:video-subtitles" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Video Subtitles a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/video-subtitles.svg" alt="Icono Video Subtitles">, o pega el código SVG en línea para darle estilo con CSS.