Icono Drupal
selfhst:drupal
El icono Drupal (selfhst:drupal) 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
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#009cde" d="M413.2 188.9c-.3-.6-.6-.9-1.1-1.4c-27.9-31.3-67.5-75.8-96-107.4c-8.8-9.4-17.6-18.8-25.9-28.5c-2-2.3-3.7-4.6-5.7-6.8c-1.7-1.7-2.6-2.9-2.6-2.9h.3c-9.7-11.4-17.4-24.2-22.8-37.9L258 .9c0-.3-.3-.3-.6-.6c-.3 0-.9-.3-1.1-.3h-.3c-.6 0-.9.3-1.1.3l-.6.6l-1.5 3.1c-5.7 13.7-13.4 26.5-22.8 37.9h.3s-.9 1.1-2.6 2.9c-2 2.3-3.7 4.6-5.7 6.8c-8.6 9.7-17.1 19.1-25.9 28.5c-28.5 31.6-68.4 76.1-96.3 107.4c-.3.6-.6.9-1.1 1.4c-105.5 140.4 9 255 9 255h-.3c33.9 39.3 82 63.5 133.6 67.2c4.6.6 9.4.9 14.5.9h.3c4.8 0 9.7-.3 14.5-.9c51.9-3.7 99.7-27.9 133.6-67.2h-.3c.5 0 115-114.6 9.6-255M168 287.8l-2.6 4l-.3.3c-19.4 23.3-30.8 48.4-34.5 73.2c-.6 3.1-3.4 5.1-6.3 4.6c-2-.3-3.4-1.7-4.3-3.4c-5.1-12-8.6-24.5-10.3-37.3c-6.6-45.3 7.1-84.8 36.2-118.7c11.7-13.4 23.3-26.8 35-40.2c2-2.3 5.4-2.6 7.7-.6l.6.6c9.4 10.8 21.6 24.8 35.3 40.7c1.7 2 1.7 5.1 0 7.4c-18.8 22.5-38.7 46.4-56.7 69.2v.2zm161.7 117.3c-10.8 28.5-32.2 45.6-62.4 50.4c-43 6.6-83.2-22.8-89.7-65.8c0-.6 0-.9-.3-1.4c-3.4-24.2 4-45.6 19.6-63.8c18.2-21.4 58.4-70.9 59-71.8c.9.9 43.6 54.1 59.6 72.9c20.2 23.7 25.1 50.7 14.2 79.5m63.6-44.7c-.3.9-.9 2-1.1 2.9c-1.1 2.9-4.3 4.3-7.1 3.1c-1.7-.9-3.1-2.3-3.4-4.3c-4-24-15.4-47.9-33.9-70.4l-.3-.3l-1.7-2.6l-1.1-1.4c-14.8-18.8-93.1-110.5-127.4-150.7c-1.7-2-1.7-5.1 0-7.4c11.4-12.5 22.8-25.1 33.9-37.9c2-2.3 5.4-2.3 7.7-.3l.3.3c5.1 5.4 10 10.8 14.8 16.5c31 34.8 62.4 68.9 92.6 104c38.1 44.3 46.9 94.9 26.7 148.5"/></svg>Cómo usar el icono Drupal
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:drupal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:drupal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:drupal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--drupal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:drupal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:drupal"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/drupal.svg" alt="Icono Drupal" width="24" height="24">Iconos relacionados en selfh.st/icons
El icono Drupal en otras colecciones
Preguntas frecuentes sobre Icono Drupal
¿El icono Drupal 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 Drupal en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:drupal" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Drupal a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/drupal.svg" alt="Icono Drupal">, o pega el código SVG en línea para darle estilo con CSS.