Icono Photon

simple-icons:photon

El icono Photon (simple-icons:photon) es un icono SVG gratuito de la colección Simple Icons de Simple Icons Collaborators. Está dibujado en una cuadrícula de 24 × 24. Simple Icons se publican bajo la licencia CC0 1.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: Simple Icons
Autor: Simple Icons Collaborators
Licencia: CC0-1.0
Tamaño: 24 × 24

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" d="m7.454 16.915l-3.379 4.091a14 14 0 0 1-1.089-1.079l4.091-3.38c.123.116.252.246.377.368m1.045.809l-2.517 4.679a11 11 0 0 1-1.281-.856l3.364-4.138c.357.262.434.262.434.315m-1.913-1.772l-4.119 3.345a12 12 0 0 1-.856-1.277l4.682-2.518c.008.053.235.371.293.45M9.682 18.3l-1.558 5.063a12 12 0 0 1-1.419-.588l2.492-4.693c.416.192.478.177.485.217zM5.72 14.319q.089.245.198.481l-4.691 2.496a11.5 11.5 0 0 1-.589-1.423zm5.23 4.292l-.532 5.287a12 12 0 0 1-1.51-.315l1.532-5.073q.25.06.51.101m-5.56-5.56q.04.255.1.509L.402 15.09a12 12 0 0 1-.299-1.508zm-.079-1.306v.522l-5.286.513a12 12 0 0 1 0-1.539zm6.948 6.942l.51 5.29q-.77.045-1.539 0l.51-5.29q.26.01.519 0m2.832 4.912q-.745.205-1.51.315l-.532-5.287c.17-.026.343-.06.51-.1zm-9.6-13.16q-.062.254-.101.513l-5.286-.535q.1-.762.299-1.505l5.088 1.53zm9.311 7.644l2.492 4.692q-.694.338-1.423.588l-1.551-5.082q.24-.088.482-.198M5.928 9.177a5 5 0 0 0-.201.481L.651 8.085q.252-.731.595-1.423L5.928 9.18zm10.003 8.232l3.364 4.126q-.614.467-1.281.856L15.5 17.724q.22-.135.431-.29zM6.586 8.063a5 5 0 0 0-.29.431L1.617 5.976q.389-.665.856-1.277zm14.427 11.864a12 12 0 0 1-1.089 1.089l-3.379-4.101c.129-.116.245-.245.368-.368zM4.075 2.987l3.379 4.091c-.129.115-.245.245-.368.368l-4.091-3.38c.688-.778 1.163-1.135 1.08-1.079m18.313 15.029a12 12 0 0 1-.856 1.281l-4.116-3.364a6 6 0 0 0 .29-.431l4.682 2.518zM5.985 1.612l2.517 4.679a7 7 0 0 0-.434.29L4.704 2.468q.612-.472 1.281-.856M23.36 15.873q-.245.732-.588 1.423L18.08 14.8q.108-.236.199-.481zM8.137.633l1.548 5.085a6 6 0 0 0-.481.198L6.715 1.221A12 12 0 0 1 8.137.633m15.758 12.949a12 12 0 0 1-.315 1.508l-5.072-1.53q.063-.255.101-.509zM10.418.101l.532 5.287a8 8 0 0 0-.51.1L8.908.416a12 12 0 0 1 1.51-.315m13.556 11.131q.051.767 0 1.535l-5.286-.506v-.523zM12.769.022l-.51 5.29h-.519l-.51-5.29a13 13 0 0 1 1.539 0m10.827 8.89q.207.744.315 1.508l-5.286.535a6 6 0 0 0-.101-.513zM15.1.416l-1.541 5.073a9 9 0 0 0-.51-.101l.532-5.287c.709.094 1.498.273 1.519.315m2.203.824l-2.502 4.68a5 5 0 0 0-.481-.202L15.871.636c.745.255 1.413.572 1.432.604m5.466 5.47q.34.691.588 1.422l-5.078 1.573c-.06-.16-.129-.314-.202-.481zm-6.854-.133a8 8 0 0 0-.434-.289l2.517-4.683q.67.386 1.281.856zm6.46-.613L17.7 8.481a7 7 0 0 0-.29-.434l4.11-3.367c0 .03.378.464.855 1.284m-1.362-1.892l-4.091 3.383c-.113-.133-.245-.247-.368-.371l3.38-4.091c-.065-.044.476.387 1.079 1.079"/></svg>

Cómo usar el icono Photon

React

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

<Icon icon="simple-icons:photon" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:photon" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:photon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--photon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:photon"></div>

Web component

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

<iconify-icon icon="simple-icons:photon"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/photon.svg" alt="Icono Photon" width="24" height="24">

El icono Photon en otras colecciones

Preguntas frecuentes sobre Icono Photon

¿El icono Photon es gratis para uso comercial?

Sí. Simple Icons se publican bajo la licencia CC0 1.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Photon en React?

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

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

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

Ver todos los Simple Icons →