Ikon Photon
simple-icons:photon
Ikon Photon (simple-icons:photon) adalah ikon SVG gratis dari set Simple Icons karya Simple Icons Collaborators. Ikon ini digambar pada grid 24 × 24. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Simple Icons
- Pembuat
- Simple Icons Collaborators
- Lisensi
- CC0-1.0
- Ukuran
- 24 × 24
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/photon.svg" alt="Ikon Photon" width="24" height="24">Ikon Photon di set ikon lain
FAQ Ikon Photon
Apakah ikon Photon gratis untuk penggunaan komersial?
Ya. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Photon di React?
Pasang @iconify/react lalu render <Icon icon="simple-icons:photon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Photon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/simple-icons/photon.svg" alt="Ikon Photon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.