Icône Attractions
material-symbols-light:attractions
L'icône Attractions (material-symbols-light:attractions) est une icône SVG gratuite de la collection Material Symbols Light par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, 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
- Material Symbols Light
- Auteur
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Catégorie
- Voyage
- Mots-clés
- amusement, entertainment, ferris, fun, maps, park, places, wheel, attraction, attractions sharp
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m6.575 21.27l1.158-2.59q-.427-.293-.82-.614q-.392-.32-.75-.716q-.161.075-.339.113q-.178.037-.345.037q-.71 0-1.22-.51q-.511-.511-.511-1.22q0-.404.184-.769t.5-.601q-.2-.575-.293-1.162T4.044 12t.095-1.237t.294-1.163q-.317-.237-.501-.601t-.184-.768q0-.71.51-1.22q.511-.511 1.22-.511q.168 0 .346.038q.178.037.34.112q.825-.9 1.868-1.51t2.243-.89q.087-.635.591-1.077q.505-.442 1.14-.442t1.14.426t.59 1.055q1.239.28 2.282.887T17.887 6.6q.161-.075.317-.093t.317-.018q.71 0 1.22.51q.511.51.511 1.22q0 .404-.18.763t-.493.595q.2.58.294 1.177q.094.596.094 1.246t-.094 1.263t-.294 1.187q.292.237.463.576q.172.34.172.743q0 .71-.511 1.22q-.51.511-1.22.511q-.162 0-.318-.028t-.317-.083q-.358.396-.728.722t-.841.62l1.107 2.538h-1.003l-.912-2.084q-.427.207-.848.349q-.421.141-.887.255q-.086.628-.59 1.054t-1.14.426t-1.14-.442t-.591-1.077q-.471-.113-.895-.255q-.424-.141-.851-.349l-.95 2.123zm1.477-3.39l1.973-4.384q-.254-.315-.387-.692q-.132-.377-.132-.804q0-1.021.74-1.76q.739-.74 1.76-.74t1.76.74t.74 1.76q0 .427-.155.82t-.414.726l1.973 4.373q.34-.219.649-.478q.308-.258.585-.58q-.202-.219-.297-.495q-.095-.275-.095-.597q0-.8.637-1.327q.636-.526 1.378-.365q.15-.5.245-1.007t.094-1.07t-.094-1.076t-.245-1.012q-.742.161-1.36-.366q-.616-.527-.616-1.327q0-.282.11-.553q.11-.27.282-.489q-.725-.783-1.63-1.292q-.903-.51-1.936-.785q-.178.483-.613.788q-.435.304-.998.304t-.998-.304t-.614-.788q-1.044.275-1.948.788q-.904.512-1.629 1.3q.172.22.282.49t.11.553q0 .819-.63 1.324t-1.373.368q-.15.5-.225 1.007T4.906 12t.075 1.07t.225 1.007q.704-.161 1.354.356t.65 1.336q0 .321-.095.572q-.096.251-.298.47q.277.322.586.567t.649.503m.808.465q.352.183.735.312q.384.128.8.242q.178-.483.613-.788q.434-.304.998-.304t.998.304q.435.305.613.788q.396-.114.765-.223q.368-.11.72-.293l-1.873-4.211q-.281.144-.577.236q-.296.091-.646.091q-.356 0-.674-.094t-.6-.283z"/></svg>Comment utiliser l'icône Attractions
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:attractions" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:attractions" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:attractions" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--attractions]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:attractions"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:attractions"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/attractions.svg" alt="Icône Attractions" width="24" height="24">Icônes similaires dans Material Symbols Light
L'icône Attractions dans d'autres collections
FAQ : Icône Attractions
L'icône Attractions est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols Light icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Attractions dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols-light:attractions" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Attractions à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols-light/attractions.svg" alt="Icône Attractions">, ou collez le code SVG directement dans la page pour le styliser en CSS.