Icono Gdms
selfhst:gdms
El icono Gdms (selfhst:gdms) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- gdm
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><radialGradient id="SVGsGG3icoV" cx="-46.291" cy="670.705" r="19.14" gradientTransform="matrix(-21.7455 0 0 21.7456 -1138.17 -14302.03)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#285388"/><stop offset="1" stop-color="#43a6c8"/></radialGradient><path fill="url(#SVGsGG3icoV)" fill-rule="evenodd" d="M132.1 177.3C-9.6 192.1 22.2 392 174.9 330.5c17.9 26.5 41.1 49.6 67.2 67.6C-31.6 512-80.2 169.2 132.1 177.3"/><radialGradient id="SVG0lEdKcqq" cx="-58.024" cy="668.068" r="18.58" gradientTransform="matrix(-15.0093 0 0 15.0094 -766.375 -9937.749)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#2a5389"/><stop offset="1" stop-color="#45a7c9"/></radialGradient><path fill="url(#SVG0lEdKcqq)" fill-rule="evenodd" d="M132.1 177.3C-9.6 192.1 22.2 392 174.9 330.5C37 389.1-32.8 294.4 32.5 211.2c21.9-21.8 55-35.6 99.6-33.9"/><radialGradient id="SVGk4B0EdIP" cx="-75.011" cy="677.663" r="6.344" gradientTransform="matrix(-14.8393 0 0 14.8393 -734.71 -9796.302)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#285388"/><stop offset="1" stop-color="#43a6c8"/></radialGradient><path fill="url(#SVGk4B0EdIP)" fill-rule="evenodd" d="M273.6 209.2C334 178.9 399 166.8 447 187.3c81.6 52 19.1 183.3-126.1 149.5c137 12.5 149.7-180.6-47.3-127.6"/><radialGradient id="SVGNbunGR5D" cx="-77.21" cy="678.667" r="23.94" gradientTransform="matrix(-21.1518 0 0 21.152 -998.747 -13880.86)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#285388"/><stop offset="1" stop-color="#43a6c8"/></radialGradient><path fill="url(#SVGNbunGR5D)" fill-rule="evenodd" d="M320.9 336.8c145.2 33.8 207.6-97.5 126.1-149.5c96.6 41.3 89.7 197.9-48.9 231.1c-10.2 2.4-20.6 3.9-31 4.4c-55.2-19.9-113.1-70.1-157.9-164.6c23.4 42.5 72.2 75 111.7 78.6"/><radialGradient id="SVGYPNJieFl" cx="-56.101" cy="674.652" r="14.279" gradientTransform="matrix(-20.0111 0 0 20.0112 -1024.96 -13159.418)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#43a6c8"/><stop offset="1" stop-color="#285388"/></radialGradient><path fill="url(#SVGYPNJieFl)" fill-rule="evenodd" d="M284.5 157.5c-59.1-38.2-113.3 32.1-75.4 100.7c44.8 94.4 102.7 144.7 157.9 164.6C258.6 428 145.1 332 144.3 223c8-85.3 86.6-103.3 140.2-65.5"/><radialGradient id="SVGvgEhbc9F" cx="33.682" cy="644.048" r="22.962" gradientTransform="matrix(11.9519 0 0 -11.9519 563.262 7675.683)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#43a6c8"/><stop offset="1" stop-color="#285388"/></radialGradient><path fill="url(#SVGvgEhbc9F)" fill-rule="evenodd" d="M250 89.9c20.3 15.4 40.5 45.3 57.5 92.2c-6.5-11-14.4-19.1-23-24.7c-53.6-37.8-132.2-19.7-140.2 65.5c-.2-21.5 4.1-43.6 13.6-65.5c17.4-39.6 53.5-62.9 92.1-67.5"/><radialGradient id="SVGOrsWic6P" cx="-99.975" cy="690.698" r="30.88" gradientTransform="matrix(-8.3641 0 0 8.3641 -408.546 -5569.46)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9a9b9c"/><stop offset=".5" stop-color="#2a5389"/><stop offset="1" stop-color="#45a7c9"/></radialGradient><path fill="url(#SVGOrsWic6P)" fill-rule="evenodd" d="M375.2 164.8c-23.8 3.3-46.2 9.3-67.6 17.3c-17-46.9-37.2-76.8-57.5-92.2c48.4-5.8 100.8 17.7 125.1 74.9"/></svg>Cómo usar el icono Gdms
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:gdms" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:gdms" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:gdms" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--gdms]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:gdms"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:gdms"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/gdms.svg" alt="Icono Gdms" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Gdms
¿El icono Gdms es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Gdms en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:gdms" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Gdms a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/gdms.svg" alt="Icono Gdms">, o pega el código SVG en línea para darle estilo con CSS.