Icône Rays Outward
pinhead:rays-outward
L'icône Rays Outward (pinhead:rays-outward) est une icône SVG gratuite de la collection Pinhead Map Icons par Quincy Morgan. Elle est dessinée sur une grille de 15 × 15. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Pinhead Map Icons
- Auteur
- Quincy Morgan
- Licence
- CC0-1.0
- Taille
- 15 × 15
- Mots-clés
- raysoutward, ray
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.35.64c-.33.05-.62.26-.81.53c-.44.6-.56 1.35-.77 2.04c-.23.91-.46 1.83-.6 2.75c-.02.27.18.32.43.07c.89-.83 1.76-1.7 2.62-2.55c.2-.22.41-.44.57-.7c.23-.4.34-.92.1-1.34c-.26-.42-.73-.71-1.21-.8a.7.7 0 0 0-.33 0M4.52.7c-.5.01-.99.27-1.31.64c-.29.34-.28.84-.1 1.24c.3.68.88 1.17 1.38 1.71c.66.65 1.34 1.29 2.07 1.87c.22.15.36.02.27-.33c-.27-1.18-.56-2.35-.87-3.52c-.09-.29-.18-.61-.33-.87C5.4 1.04 5.01.7 4.52.7M1.07 6.06c-.35.06-.69.25-.87.57c-.24.43-.26.98-.1 1.44c.15.43.6.7 1.04.74c.74.08 1.43-.21 2.14-.37c.9-.25 1.81-.5 2.68-.84c.24-.11.18-.34-.17-.43c-1.15-.36-2.31-.69-3.48-1.01c-.3-.07-.6-.1-.9-.1c-.12 0-.22-.02-.34 0m12.52 0c-.3 0-.6.03-.9.1c-1.17.32-2.33.65-3.48 1.01c-.35.09-.41.32-.17.43c.87.34 1.78.59 2.68.84c.71.16 1.4.45 2.14.37c.44-.04.89-.31 1.04-.74c.16-.46.14-1.01-.1-1.44c-.24-.42-.74-.58-1.21-.57M6.73 8.64c-.04 0-.11.03-.17.07c-.73.58-1.41 1.25-2.07 1.9c-.5.54-1.08.99-1.38 1.68c-.18.4-.19.89.1 1.24c.32.37.81.66 1.31.67c.49 0 .88-.37 1.11-.77c.15-.27.24-.55.33-.84c.31-1.17.6-2.37.87-3.55c.07-.26.03-.41-.1-.4m1.57.07c-.08.01-.14.1-.13.23c.14.92.37 1.81.6 2.71c.21.7.33 1.48.77 2.08c.25.36.7.58 1.14.5c.48-.09.95-.38 1.21-.8c.24-.42.13-.95-.1-1.34c-.16-.27-.37-.48-.57-.71c-.86-.85-1.73-1.68-2.62-2.51c-.12-.13-.22-.18-.3-.16"/></svg>Comment utiliser l'icône Rays Outward
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:rays-outward" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:rays-outward" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:rays-outward" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--rays-outward]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:rays-outward"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:rays-outward"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/pinhead/rays-outward.svg" alt="Icône Rays Outward" width="24" height="24">FAQ : Icône Rays Outward
L'icône Rays Outward est-elle gratuite pour un usage commercial ?
Oui. Les Pinhead Map Icons sont publiées sous la licence CC0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Rays Outward dans React ?
Installez @iconify/react et affichez <Icon icon="pinhead:rays-outward" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Rays Outward à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/pinhead/rays-outward.svg" alt="Icône Rays Outward">, ou collez le code SVG directement dans la page pour le styliser en CSS.