Иконка Heading3 Outline

cuida:heading3-outline

Иконка Heading3 Outline (cuida:heading3-outline) — бесплатная SVG-иконка из набора Cuida Icons от Sysvale. Она нарисована на сетке 24 × 24. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Cuida Icons
Автор: Sysvale
Лицензия: Apache-2.0
Размер: 24 × 24
Теги: heading3outline

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

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

<iconify-icon icon="cuida:heading3-outline"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cuida/heading3-outline.svg" alt="Иконка Heading3 Outline" width="24" height="24">

Вопросы и ответы: Иконка Heading3 Outline

Можно ли бесплатно использовать иконку Heading3 Outline в коммерческих проектах?

Да. Cuida Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Heading3 Outline в React?

Установите @iconify/react и выведите <Icon icon="cuida:heading3-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Heading3 Outline на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cuida/heading3-outline.svg" alt="Иконка Heading3 Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Cuida Icons →