Section icon

logos:section

The Section icon (logos:section) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 171 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 171

Download SVG

SVG code

<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>

How to use the Section icon

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>

HTML image

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

Related icons in SVG Logos

Section icon in other icon sets

Section icon FAQ

Is the Section icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Section icon in React?

Install @iconify/react and render <Icon icon="logos:section" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Section icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/section.svg" alt="Section icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →