Icono Section

logos:section

El icono Section (logos:section) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 512 × 171. SVG Logos icons se publican bajo la licencia CC0, 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: SVG Logos
Autor: Gil Barbara
Licencia: CC0-1.0
Tamaño: 512 × 171

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="171" viewBox="0 0 512 171"><path fill="#00a86b" d="m38.728 119.45l47.97 10.221V39.96l-47.97 10.18zm62.253 28.88l-73.753-19.933V41.163l73.643-19.788l.105 126.96z"/><path fill="#00a86b" d="M70.73 0L0 25.655v118.39l70.73 25.66zM12.604 137.093V32.616l44.002-13.58v131.633l-44.002-13.58z"/><path fill="#038754" d="m70.73 43.34l6.98-1.476V27.6l-6.98 1.87zm0 96.81l6.98 1.884v-14.277l-6.98-1.49z"/><path d="M172.04 44.239c15.591 0 25.435 6.44 28.24 19.03l-12.995 3.51c-1.507-8.04-6.26-11.5-15.245-11.5c-8.999 0-13.665 4.306-13.665 10.378c0 6.4 2.668 9.603 16.442 11.592c18.658 2.537 28.323 7.833 28.323 23.618c0 13.69-11.662 24.402-29.212 24.402c-19.815 0-29.103-8.977-31.394-21.914l13.69-3.697h.044c.995 7.947 4.219 14.57 17.66 14.57c8.775 0 14.996-4.858 14.996-12.143s-3.667-10.046-16.556-12.144c-18.991-2.541-27.985-8.28-27.985-23.07c0-12.92 11.105-22.632 27.657-22.632m64.872 20.976c14.44 0 27.434 8.499 27.434 29.142v3.864h-42.539c.442 10.926 5.998 17.112 15.99 17.112c8.114 0 12.333-3.203 13.336-8.832h12.994c-1.884 12.14-11.772 18.768-26.658 18.768c-17.103 0-29.436-11.15-29.436-29.366v-.885c0-17.887 12.333-29.803 28.88-29.803m185.555 0c16.994 0 29.769 11.81 29.769 29.475v.88c0 17.993-12.775 29.699-29.878 29.699c-17.108 0-29.769-11.811-29.769-29.366v-.885c0-17.887 12.77-29.803 29.878-29.803m-122.903-.005c12.88 0 24.994 5.74 26.549 21.633h-12.998c-1.109-7.723-6.221-10.926-13.332-10.926c-9.217 0-15.771 7.067-15.771 18.987v.89c0 12.582 6.22 19.206 16.109 19.206c7.11-.005 13.217-4.197 13.992-12.368h12.333c-1 13.248-11.11 22.632-26.882 22.632c-16.66 0-29.321-10.82-29.321-29.26v-.876c0-18.326 13.103-29.918 29.321-29.918m48.147-17.34v18.558h12.775v10.046H347.71v30.355c0 5.078 2.444 7.4 6.663 7.4c2.664 0 4.67-.333 6.554-1.109v10.602c-2.111.776-4.999 1.433-9.108 1.433c-11.552 0-17.55-6.182-17.55-17.108v-56.54zm36.879 18.558v57.737H371.15V66.428zm107.53-1.213c11.662 0 19.88 6.729 19.88 22.632v36.318h-13.44V89.06c0-8.727-3.553-12.7-11.553-12.7c-7.553 0-13.66 4.644-13.66 13.8v34.005h-13.44V66.433h13.44v9.156c2.778-5.63 9.222-10.374 18.773-10.374m-69.653 10.483c-9.997 0-16.104 7.18-16.104 19.101v.88c0 11.812 5.888 19.211 16.104 19.211c9.998 0 16-7.4 16-19.21v-.771c0-11.92-6.002-19.21-16-19.21m-185.555-.77c-8.109 0-13.55 5.405-14.882 14.351h28.99c-.667-9.936-5.775-14.352-14.108-14.352M384.59 45.15v13.357h-13.441V45.15z"/></svg>

Cómo usar el icono Section

React

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

<Icon icon="logos:section" width="24" />

Vue

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

<template>
  <Icon icon="logos:section" width="24" />
</template>

Svelte

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

<Icon icon="logos:section" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--section]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:section"></div>

Web component

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

<iconify-icon icon="logos:section"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/logos/section.svg" alt="Icono Section" width="24" height="24">

Iconos relacionados en SVG Logos

El icono Section en otras colecciones

Preguntas frecuentes sobre Icono Section

¿El icono Section es gratis para uso comercial?

Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Section en React?

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

¿Cómo añado el icono Section a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/section.svg" alt="Icono Section">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos SVG Logos →