ICONYZ
Español
Icono Card Sim Fill de Keyline Icons

Icono Card Sim Fill

keyline-icons:card-sim-fill

El icono Card Sim Fill (keyline-icons:card-sim-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
cardsim, simfill, cardsimfill
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4 4C4 2.3431 5.3431 1 7 1L13.1716 1C13.9672 1 14.7303 1.3161 15.2929 1.8787L19.1213 5.7071C19.6839 6.2697 20 7.0328 20 7.8284L20 20C20 21.6569 18.6569 23 17 23L7 23C5.3431 23 4 21.6569 4 20L4 4ZM8 13L8 17C8 18.1046 8.8954 19 10 19L14 19C15.1046 19 16 18.1046 16 17L16 13C16 11.8954 15.1046 11 14 11L10 11C8.8954 11 8 11.8954 8 13ZM10 13L14 13L14 17L10 17L10 13Z" clip-rule="evenodd"/></svg>

Cómo usar el icono Card Sim Fill

React

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

<Icon icon="keyline-icons:card-sim-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:card-sim-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:card-sim-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--card-sim-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:card-sim-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:card-sim-fill"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/card-sim-fill.svg" alt="Icono Card Sim Fill" width="24" height="24">

Iconos relacionados en Keyline Icons

Preguntas frecuentes sobre Icono Card Sim Fill

¿El icono Card Sim 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 Card Sim Fill en React?

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

¿Cómo añado el icono Card Sim 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/card-sim-fill.svg" alt="Icono Card Sim Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →