Icono Chrome
ls:chrome
El icono Chrome (ls:chrome) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 717. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licencia
- OFL-1.1
- Tamaño
- 717 × 717
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M680 200H358c-31 0-59 10-84 25c-43 27-72 75-74 129L76 139C142 55 243 0 358 0c141 0 264 82 322 200M60 159l160 278c1 1 1 2 2 3c14 25 36 45 62 59c23 11 47 19 74 19s52-8 75-19L308 714C134 689 0 540 0 359c0-74 22-143 60-200m382 66h249c16 41 26 87 26 134c0 198-161 358-359 358c-8 0-15 0-23-1l160-276c1-1 1-2 2-3c13-24 20-50 20-78v-5c-2-54-32-102-75-129M239 359c0-67 52-120 119-120s120 53 120 120s-53 120-120 120s-119-53-119-120"/></svg>
Cómo usar el icono Chrome
React
import { Icon } from "@iconify/react";
<Icon icon="ls:chrome" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:chrome" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:chrome" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--chrome]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:chrome"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:chrome"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ls/chrome.svg" alt="Icono Chrome" width="24" height="24">
El icono Chrome en otras colecciones
Preguntas frecuentes sobre Icono Chrome
¿El icono Chrome es gratis para uso comercial?
Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Chrome en React?
Instala @iconify/react y renderiza <Icon icon="ls:chrome" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Chrome a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ls/chrome.svg" alt="Icono Chrome">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Ligature Symbols →
ICONYZ
