Icono Distribution
ix:distribution
El icono Distribution (ix:distribution) es un icono SVG gratuito de la colección Siemens Industrial Experience Icons de Siemens AG. Está dibujado en una cuadrícula de 512 × 512. Siemens Industrial Experience Icons se publican bajo la licencia MIT, 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
- Siemens Industrial Experience Icons
- Autor
- Siemens AG
- Licencia
- MIT
- 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="currentColor" fill-rule="evenodd" d="M405.334 64c35.346 0 64 28.654 64 64s-28.654 64-64 64c-11.632 0-22.54-3.103-31.939-8.526l-57.684 49.443a63.8 63.8 0 0 1 4.29 23.083a64.3 64.3 0 0 1-1.017 11.42l44.543 25.453c11.215-9.683 25.827-15.54 41.807-15.54c35.346 0 64 28.654 64 64s-28.654 64-64 64s-64-28.653-64-64c0-3.896.348-7.711 1.015-11.416L297.8 304.465l.059-.052l-.497.426C286.208 314.296 271.77 320 256 320c-11.7 0-22.666-3.14-32.103-8.622l.159.092l-57.68 49.444A63.8 63.8 0 0 1 170.668 384c0 35.346-28.654 64-64 64s-64-28.654-64-64s28.654-64 64-64c11.632 0 22.539 3.103 31.939 8.527l57.684-49.443l-.248-.65A63.9 63.9 0 0 1 192 256a64.3 64.3 0 0 1 1.016-11.42l-44.543-25.453c-11.214 9.683-25.826 15.54-41.806 15.54c-35.346 0-64-28.654-64-64s28.654-64 64-64s64 28.653 64 64c0 3.894-.348 7.708-1.014 11.41l44.552 25.453q-.27.232-.536.468C224.951 198.041 239.77 192 256 192c11.64 0 22.555 3.108 31.96 8.539l-.036-.021l57.696-49.442A63.8 63.8 0 0 1 341.334 128c0-35.346 28.653-64 64-64M256 234.667c-11.782 0-21.333 9.55-21.333 21.333s9.551 21.333 21.333 21.333s21.334-9.55 21.334-21.333s-9.552-21.333-21.334-21.333m-149.333-85.334c-11.782 0-21.333 9.552-21.333 21.334S94.884 192 106.667 192S128 182.449 128 170.667s-9.55-21.334-21.333-21.334m298.667-42.666c-11.782 0-21.334 9.55-21.334 21.333s9.552 21.333 21.334 21.333s21.333-9.55 21.333-21.333s-9.551-21.333-21.333-21.333"/></svg>Cómo usar el icono Distribution
React
import { Icon } from "@iconify/react";
<Icon icon="ix:distribution" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:distribution" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:distribution" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--distribution]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:distribution"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:distribution"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ix/distribution.svg" alt="Icono Distribution" width="24" height="24">El icono Distribution en otras colecciones
Preguntas frecuentes sobre Icono Distribution
¿El icono Distribution es gratis para uso comercial?
Sí. Siemens Industrial Experience Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Distribution en React?
Instala @iconify/react y renderiza <Icon icon="ix:distribution" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Distribution a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ix/distribution.svg" alt="Icono Distribution">, o pega el código SVG en línea para darle estilo con CSS.