Icône Heading3 Outline
cuida:heading3-outline
L'icône Heading3 Outline (cuida:heading3-outline) est une icône SVG gratuite de la collection Cuida Icons par Sysvale. Elle est dessinée sur une grille de 24 × 24. Les Cuida Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Cuida Icons
- Auteur
- Sysvale
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- heading3outline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.318 12.896H4.99q-.228-.01-.465-.01a9 9 0 0 0-.337-.01q-.297 0-.624.01a.61.61 0 0 1-.623-.613v-.564c0-.345.279-.625.623-.614q.327.01.624.01h.337q.237-.01.465-.01q.227-.01.327-.01h3.336q.099 0 .327.01q.237 0 .465.01h.337q.306 0 .623-.01a.61.61 0 0 1 .624.613v.565c0 .344-.28.624-.624.613a20 20 0 0 0-.623-.01q-.1 0-.337.01q-.228 0-.465.01zm-1.11 5.55c0 .305-.22.567-.524.588a8 8 0 0 1-.544.02q-.228 0-.515-.02a.575.575 0 0 1-.525-.587V5.98c0-.305.22-.567.525-.588q.287-.02.515-.02q.257 0 .544.02a.575.575 0 0 1 .525.588v3.66q0 .415-.01.742q-.01.326-.01.722v1.773q0 .395.01.722t.01.743v4.105Zm5.555-4.104q0-.416.01-.743t.01-.723v-1.772q0-.396-.01-.722q-.01-.327-.01-.743V5.97c0-.3.216-.557.514-.578a8 8 0 0 1 .525-.02q.239 0 .525.02A.595.595 0 0 1 11.87 6v12.438c0 .31-.225.575-.534.597a7 7 0 0 1-1.06 0a.566.566 0 0 1-.514-.578v-4.114Zm10.019 1.146q0-.792-.505-1.287q-.496-.505-1.377-.505q-.296 0-.603.07c-.355.082-.752.1-.985-.18a2 2 0 0 1-.085-.108c-.244-.333-.07-.814.233-1.095c.226-.209.472-.418.737-.462c.508-.093.984.439 1.446.439q.87 0 1.614.386q.742.375 1.188 1.089q.455.702.455 1.692q0 1.199-.604 2.02q-.603.811-1.544 1.228q-.93.406-1.95.406a6.2 6.2 0 0 1-2.02-.317a6 6 0 0 1-.853-.361c-.44-.228-.63-.75-.375-1.174c.273-.435.85-.418 1.315-.2q.2.093.408.17q.624.228 1.297.228q.93 0 1.564-.524q.643-.535.643-1.515Zm-.218-3.812q-.584.565-1.208.97a6.4 6.4 0 0 1-.976.53a.62.62 0 0 1-.43.015a.664.664 0 0 1-.26-1.11l1.409-1.365q.207-.207.554-.505q.319-.266.526-.42a.056.056 0 0 0 .01-.08a.06.06 0 0 0-.052-.019a7 7 0 0 1-.573.064q-.387.03-.792.05q-.396.01-.673.01h-1.966c-.257 0-.497-.163-.54-.417a3 3 0 0 1-.019-.316q0-.198.03-.456c.049-.317.355-.505.676-.505h5.028c.43 0 .832.239.978.644q.14.356.139.614q0 .465-.436.87z"/></svg>Comment utiliser l'icône Heading3 Outline
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:heading3-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:heading3-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:heading3-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--heading3-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:heading3-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:heading3-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/cuida/heading3-outline.svg" alt="Icône Heading3 Outline" width="24" height="24">FAQ : Icône Heading3 Outline
L'icône Heading3 Outline est-elle gratuite pour un usage commercial ?
Oui. Les Cuida Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Heading3 Outline dans React ?
Installez @iconify/react et affichez <Icon icon="cuida:heading3-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Heading3 Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cuida/heading3-outline.svg" alt="Icône Heading3 Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.