Icono Nextcloud Contacts Light

selfhst:nextcloud-contacts-light

El icono Nextcloud Contacts Light (selfhst:nextcloud-contacts-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/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: selfh.st/icons
Autor: selfh.st
Licencia: CC-BY-4.0
Tamaño: 512 × 512
Etiquetas: nextcloudcontacts, contactslight, nextcloudcontactslight, contact

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M432 0H80C35.8 0 0 35.8 0 80v352c0 44.2 35.8 80 80 80h352c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80M294.4 168.2c-3.5-9.4-8.6-18.2-15.1-25.9q5.1-1.8 10.2-2.4c3.4-.4 6.8-.5 10.2-.5c16 0 29.7 5.7 41.2 17.1c11.4 11.4 17.1 25.1 17.1 41.2s-5.7 29.7-17.1 41.2c-11.4 11.4-25.1 17.1-41.2 17.1q-4.05 0-10.2-.9c-3.4-.5-6.8-1.1-10.2-2c6.5-7.7 11.6-16.4 15.1-25.9c3.5-9.4 5.3-19.4 5.3-29.5c0-10.2-1.8-20-5.3-29.5m-123.3-11.6c11.4-11.4 25.1-17.1 41.2-17.1c16 0 29.7 5.7 41.2 17.1c11.4 11.4 17.1 25.1 17.1 41.2s-5.7 29.7-17.1 41.2s-25.2 17-41.2 17s-29.7-5.7-41.2-17.1s-17.1-25.1-17.1-41.2s5.7-29.7 17.1-41.1m157.7 215.9h-233v-40.8c0-8.3 2.1-15.8 6.4-22.8c4.1-6.7 9.9-12.2 16.9-15.8c14.6-7.4 30-13 45.9-16.9c15.5-3.8 31.4-5.6 47.3-5.6c16 0 31.8 1.9 47.3 5.6c15.5 3.8 30.8 9.4 45.9 16.9c7 3.6 12.7 8.9 16.9 15.8s6.4 14.5 6.4 22.8zm87.4 0H358v-43.7c0-10.7-3-20.9-8.9-30.8c-6-9.8-14.4-18.3-25.3-25.3c22.9 2.6 45.2 9.5 65.6 20.4c8.7 4.9 15.4 10.3 20 16.2q6.9 8.85 6.9 19.5v43.7z"/></svg>

Cómo usar el icono Nextcloud Contacts Light

React

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

<Icon icon="selfhst:nextcloud-contacts-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:nextcloud-contacts-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:nextcloud-contacts-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--nextcloud-contacts-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:nextcloud-contacts-light"></div>

Web component

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

<iconify-icon icon="selfhst:nextcloud-contacts-light"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/selfhst/nextcloud-contacts-light.svg" alt="Icono Nextcloud Contacts Light" width="24" height="24">

Iconos relacionados en selfh.st/icons

Preguntas frecuentes sobre Icono Nextcloud Contacts Light

¿El icono Nextcloud Contacts Light es gratis para uso comercial?

Sí. selfh.st/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 Nextcloud Contacts Light en React?

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

¿Cómo añado el icono Nextcloud Contacts Light a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/nextcloud-contacts-light.svg" alt="Icono Nextcloud Contacts Light">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los selfh.st/icons →