Icono Coral And Angelfish
pinhead:coral-and-angelfish
El icono Coral And Angelfish (pinhead:coral-and-angelfish) es un icono SVG gratuito de la colección Pinhead Map Icons de Quincy Morgan. Está dibujado en una cuadrícula de 15 × 15. Pinhead Map Icons se publican bajo la licencia CC0, 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
- Pinhead Map Icons
- Autor
- Quincy Morgan
- Licencia
- CC0-1.0
- Tamaño
- 15 × 15
- Etiquetas
- coraland, andangelfish, coralandangelfish
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M5 0c.51 0 .94.39.99.88L6 1v2c.55 0 1 .45 1 1c0 .51-.39.94-.88.99L6 5v5c.51 0 .94-.39.99-.88L7 9V6c0-.55.45-1 1-1c.51 0 .94.39.99.88L9 6v1c.55 0 1 .45 1 1c0 .51-.39.94-.88.99L9 9c0 1.66-1.34 3-3 3v1.03Q6.705 13 7.5 13c1.33 0 2.5.07 3.5.2V12h-.5c-.28 0-.5-.22-.5-.5c0-.25.18-.45.41-.49l.09-.01h.5V8c0-.55.45-1 1-1c.51 0 .94.39.99.88L13 8h.5c.28 0 .5.22.5.5c0 .25-.18.45-.41.49L13.5 9H13v1h1.5c.28 0 .5.22.5.5c0 .25-.18.45-.41.49l-.09.01H13v1h.5c.28 0 .5.22.5.5c0 .25-.18.45-.41.49l-.09.01H13v.61c.12.03.23.07.34.11c.39.14.66.52.66.94V15H1v-.34c0-.42.27-.8.66-.94c.12-.04.23-.08.35-.11L2 13.5V13h-.5c-.28 0-.5-.22-.5-.5c0-.25.18-.45.41-.49L1.5 12H2v-.5c0-.28.22-.5.5-.5c.25 0 .45.18.49.41l.01.09v1.86c.31-.06.65-.12 1-.16V10c-1.6 0-2.9-1.25-2.99-2.82L1 7V6c-.55 0-1-.45-1-1c0-.51.39-.94.88-.99L1 4V3c0-.55.45-1 1-1c.51 0 .94.39.99.88L3 3v4c0 .51.39.94.88.99L4 8V1c0-.55.45-1 1-1m3.15 1.64c.65-1.3 2.2-1.86 3.52-1.3l.16.07L13 1l-.65.65c-.04.04-.06.09-.06.14c0 .12.1.21.21.21c.26 0 .52-.05.77-.14l.18-.08L15 1l-.5 1.5L15 4l-1.55-.78c-.3-.14-.62-.22-.95-.22a.22.22 0 0 0-.15.06c-.06.07-.07.16-.04.24l.04.05L13 4l-.62.31c-1.83.92-4.05.29-5.15-1.41l-.11-.19L7 2.5L8 2l.07-.18z"/></svg>Cómo usar el icono Coral And Angelfish
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:coral-and-angelfish" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:coral-and-angelfish" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:coral-and-angelfish" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--coral-and-angelfish]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:coral-and-angelfish"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:coral-and-angelfish"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/pinhead/coral-and-angelfish.svg" alt="Icono Coral And Angelfish" width="24" height="24">Iconos relacionados en Pinhead Map Icons
Preguntas frecuentes sobre Icono Coral And Angelfish
¿El icono Coral And Angelfish es gratis para uso comercial?
Sí. Pinhead Map Icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Coral And Angelfish en React?
Instala @iconify/react y renderiza <Icon icon="pinhead:coral-and-angelfish" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Coral And Angelfish a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/pinhead/coral-and-angelfish.svg" alt="Icono Coral And Angelfish">, o pega el código SVG en línea para darle estilo con CSS.