Icono Contacts Fill
keyline-icons:contacts-fill
El icono Contacts Fill (keyline-icons:contacts-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, 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
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- contactsfill, contact
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M6 6L18 6C20.2091 6 22 7.7909 22 10L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 10C2 7.7909 3.7909 6 6 6ZM15 13C15 11.3431 13.6569 10 12 10C10.3431 10 9 11.3431 9 13C9 14.6569 10.3431 16 12 16C13.6569 16 15 14.6569 15 13ZM7.1716 20L16.8284 20C16.4046 18.8014 15.2713 18 14 18L10 18C8.7287 18 7.5954 18.8014 7.1716 20Z" clip-rule="evenodd" stroke="none"/><path d="M5 3L19 3"/></g></svg>
Cómo usar el icono Contacts Fill
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:contacts-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:contacts-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:contacts-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--contacts-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:contacts-fill"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:contacts-fill"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/contacts-fill.svg" alt="Icono Contacts Fill" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Contacts Fill en otras colecciones
Preguntas frecuentes sobre Icono Contacts Fill
¿El icono Contacts Fill es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Contacts Fill en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:contacts-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Contacts Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/contacts-fill.svg" alt="Icono Contacts Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
