ICONYZ
Español
Icono Toys And Games Outline de Material Symbols

Icono Toys And Games Outline

material-symbols:toys-and-games-outline

El icono Toys And Games Outline (material-symbols:toys-and-games-outline) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols 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
Material Symbols
Autor
Google
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Actividades
Etiquetas
toysand, andgames, gamesoutline, toysandgamesoutline, toy, game, toys and games outline rounded
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="M3 17.2q0-.4.263-.675t.637-.275q.2 0 .388.063t.362.187q.325.2.65.35T6 17q.825 0 1.413-.587T8 15t-.587-1.412T6 13q-.375 0-.725.125t-.625.375q-.15.125-.35.188t-.4.062q-.375 0-.637-.275T3 12.8V9q0-.425.288-.712T4 8h3.75q-.125-.375-.187-.75T7.5 6.5q0-1.875 1.313-3.187T12 2t3.188 1.313T16.5 6.5q0 .375-.062.75T16.25 8H20q.425 0 .713.288T21 9v3.8q0 .425-.288.713T20 13.8q-.2 0-.35-.088t-.3-.212q-.275-.25-.625-.375T18 13q-.825 0-1.413.588T16 15t.588 1.413T18 17q.375 0 .725-.125t.625-.375q.125-.125.288-.213T20 16.2q.425 0 .713.288T21 17.2V21q0 .425-.288.713T20 22H4q-.425 0-.712-.288T3 21zM5 20h14v-1.15q-.25.075-.488.113T18 19q-1.65 0-2.825-1.175T14 15t1.175-2.825T18 11q.275 0 .513.038t.487.112V10h-4.55q-.425 0-.712-.275t-.288-.675q0-.2.063-.413t.237-.337q.425-.3.588-.788T14.5 6.5q0-1.05-.725-1.775T12 4t-1.775.725T9.5 6.5q0 .525.163 1.013t.587.787q.175.125.238.313T10.55 9q0 .425-.288.713T9.55 10H5v1.15q.25-.075.488-.112T6 11q1.65 0 2.825 1.175T10 15t-1.175 2.825T6 19q-.275 0-.513-.038T5 18.85zm7-8"/></svg>

Cómo usar el icono Toys And Games Outline

React

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

<Icon icon="material-symbols:toys-and-games-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:toys-and-games-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:toys-and-games-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--toys-and-games-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:toys-and-games-outline"></div>

Web component

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

<iconify-icon icon="material-symbols:toys-and-games-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/toys-and-games-outline.svg" alt="Icono Toys And Games Outline" width="24" height="24">

Iconos relacionados en Material Symbols

El icono Toys And Games Outline en otras colecciones

Preguntas frecuentes sobre Icono Toys And Games Outline

¿El icono Toys And Games Outline es gratis para uso comercial?

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

¿Cómo uso el icono Toys And Games Outline en React?

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

¿Cómo añado el icono Toys And Games Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/toys-and-games-outline.svg" alt="Icono Toys And Games Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Symbols →