ICONYZ
Español
Icono Phoenix Framework de Line Awesome

Icono Phoenix Framework

la:phoenix-framework

El icono Phoenix Framework (la:phoenix-framework) es un icono SVG gratuito de la colección Line Awesome de Icons8. Está dibujado en una cuadrícula de 32 × 32. Line Awesome icons se publican bajo la licencia Apache 2.0, 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
Line Awesome
Autor
Icons8
Licencia
Apache-2.0
Tamaño
32 × 32
Categoría
Otros
Etiquetas
phoenixframework
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6.691 6c-1.909.014-4.074.565-5.587 1.668L1 7.752l.01.023q.056-.001.111-.01a2.7 2.7 0 0 1 .877.014c1.116.202 2.235 1.083 2.62 3.586c.247 1.608-.034 2.382.374 4.037c.891 3.614 4.267 5.045 5.988 4.989c.178-.005 1.069-.067 1.2-.104c-.113-.122-2.044-.046-3.188-2.324c-.202-.403-.353-.826-.3-1.295c.135-1.195 1.542-1.406 2.437-.867c1.688 1.012 2.967 4.28 5.33 4.57c1.734.211 3.966-.798 5.072-2.129c-.028-.005-.038-.008-.047-.004q-.03.007-.052.014c-1.561.567-4.42.456-6.315-.693c-1.763-1.07-2.489-2.753-2.428-3.498c.084-.998 1.074-1.086 1.684-.918c.675.183 1.143.824 1.822 1.283c.731.487 1.544.641 2.407.482c.698-.127 1.611-.576 1.71-.68c-.052-.004-.084-.003-.117-.007c-.29-.028-.58-.037-.867-.08c-5.212-.773-6.042-7.67-11.836-8.116a10 10 0 0 0-.8-.025zm-.505.975c-.052.689-1.043.998-1.657.318c-.043-.047-.042-.056-.06-.094a11 11 0 0 1 1.717-.224m7.306 1.728c.046.052.072.082.1.11A9 9 0 0 0 16 10.62c1.083.55 2.218.845 3.441.723c.417-.038.82-.146 1.2-.334c.028-.014.056-.038.084-.057q-.043-.021-.07-.014c-.203.024-.398.062-.6.08c-.61.057-1.185-.036-1.705-.378c-.844-.558-1.43-1.168-2.354-1.543c-1.11-.45-2.148-.395-2.504-.395zm1.748 2.299c-.052.068.03.103.063.144c2.18 2.61 5.938 3.011 8.29 2.17c1.768-.628 2.937.359 3.17 1.354a.4.4 0 0 0 .022.059a.1.1 0 0 1 .03-.006a3.7 3.7 0 0 0-.24-1.297c-.278-.718-.75-1.27-1.505-1.565c-1.18-.457-2.348-.086-3.117.149c-1.186.366-2.316.511-3.744.236a7 7 0 0 1-2.826-1.185c-.043-.032-.138-.068-.143-.059m8.48 4.441a5 5 0 0 0-.947.053c-1.419.206-2.229.848-3.244 1.453c-.869.511-1.39.452-2.523.274c0 .009-.006.012-.006.021c.018.01.03.02.045.03c.956.486 1.775.533 3.008.374c1.392-.183 2.046-.68 2.82-1.144c.933-.558 1.802-.394 3.117-.188q.004-.015.01-.029c-.669-.506-1.392-.807-2.28-.844m1.89 1.49c-1.477.11-2.36 1.002-3.157 1.83c-.35.366-.695.733-1.064 1.075c-.701.656-1.258.707-1.389.777v.02c.29.019 1.248-.025 2.098-.198c3.262-.67 3.327-3.01 4.841-3.019c.351 0 .691.027 1.018.154c.009.005.02 0 .043 0c-.014-.019-.02-.032-.033-.04c-.318-.212-.609-.512-1.688-.596a4.4 4.4 0 0 0-.67-.002zm2.283 1.282c-.572-.053-1.117.106-1.637.43a.3.3 0 0 0-.057.066c.337.024.85.038 1.319.394c.567.432.903.946 1.48 1.13c.938.295 1.838-.104 2.002-.249c-.009-.019-.015-.022-.02-.02c-.099-.027-.576-.004-1.082-.491c-.525-.501-.84-.938-1.425-1.135a2.5 2.5 0 0 0-.58-.125M7.02 20l-.02.018c.085.145.662.833.879 1.06c1.489 1.571 3.814 2.835 5.836 2.781c1.474-.04 2.496-.37 3.662-.279c1.125.081 1.671.354 1.898.422c.005-.009.015-.014.02-.023a3.7 3.7 0 0 0-.477-.487c-1.616-1.278-3.355-.588-4.593-1.15c-.548-.25-.571-.58-.33-.78c.184-.159.258-.185 1.132-.357c-.1-.154-.964-.552-2.037-.13c-1.11.433-2.239.465-3.383.148c-1.375-.38-2.275-1.037-2.587-1.223m9.668 4.05c-.014 0-.028.01-.051.018c.315.084 1.223.235 2.218 1.393c.59.685 1.292.975 2.137 1.041c.005-.024.034-.038-.066-.094a1.6 1.6 0 0 1-.565-.52c-.3-.463-.743-1.356-1.898-1.656c-.584-.15-1.178-.176-1.776-.181z"/></svg>

Cómo usar el icono Phoenix Framework

React

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

<Icon icon="la:phoenix-framework" width="24" />

Vue

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

<template>
  <Icon icon="la:phoenix-framework" width="24" />
</template>

Svelte

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

<Icon icon="la:phoenix-framework" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[la--phoenix-framework]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:phoenix-framework"></div>

Web component

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

<iconify-icon icon="la:phoenix-framework"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/la/phoenix-framework.svg" alt="Icono Phoenix Framework" width="24" height="24">

Iconos relacionados en Line Awesome

El icono Phoenix Framework en otras colecciones

Preguntas frecuentes sobre Icono Phoenix Framework

¿El icono Phoenix Framework es gratis para uso comercial?

Sí. Line Awesome icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Phoenix Framework en React?

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

¿Cómo añado el icono Phoenix Framework a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/la/phoenix-framework.svg" alt="Icono Phoenix Framework">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Line Awesome →