Heading2 Outline アイコン
cuida:heading2-outline
Heading2 Outline アイコン(cuida:heading2-outline)は、Cuida Icons セットの無料 SVG アイコンです（作者: Sysvale）。 24 × 24 のグリッドで描かれています。 Cuida Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Cuida Icons
- 作者
- Sysvale
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- heading2outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.099 10.942c-.452-.226-.528-.797-.26-1.225a3.8 3.8 0 0 1 1.617-1.448a3.6 3.6 0 0 1 1.623-.357q1.08 0 1.86.436q.793.426 1.219 1.168q.435.733.435 1.654q0 .742-.307 1.356a4.4 4.4 0 0 1-.792 1.119q-.485.515-1.04.96l-1.405 1.119q-.673.525-1.129 1.03q-.455.494-.455.801l-.016.46a1 1 0 0 1-1 .966a.76.76 0 0 1-.547-.201a3 3 0 0 1-.11-.116a3 3 0 0 1-.317-.456a1 1 0 0 1-.129-.455q0-.484.307-1.03q.307-.554.802-1.098q.505-.544 1.08-1.02l1.752-1.465a4 4 0 0 0 .88-.93q.327-.495.327-1.05a1.5 1.5 0 0 0-1.544-1.535a1.74 1.74 0 0 0-1.208.466q-.171.153-.317.326c-.346.408-.84.75-1.326.525m6.415 6.286c.213 0 .386.173.376.386a6 6 0 0 1-.03.387q-.078.495-.395.742q-.318.238-.901.238h-4.76a.77.77 0 0 1-.713-.479c-.171-.418.054-.892.5-.972a15 15 0 0 1 1.27-.183q.584-.07 1.109-.089q.525-.03.88-.03zM5.318 12.902H4.99q-.228-.01-.465-.01a9 9 0 0 0-.337-.01q-.297 0-.624.01a.61.61 0 0 1-.623-.614v-.564c0-.344.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.614v.564c0 .345-.28.625-.624.614a20 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-.588V5.986c0-.305.22-.567.525-.588q.287-.02.515-.02q.257 0 .544.02a.575.575 0 0 1 .525.588v3.659q0 .416-.01.742q-.01.328-.01.723v1.772q0 .396.01.723t.01.742zm5.555-4.105q0-.415.01-.742t.01-.723V11.11q0-.396-.01-.723a25 25 0 0 1-.01-.742v-3.67c0-.298.216-.556.514-.577a8 8 0 0 1 .525-.02q.239 0 .525.02a.595.595 0 0 1 .544.607v12.438c0 .31-.225.575-.534.597a7 7 0 0 1-1.06 0a.566.566 0 0 1-.514-.578v-4.114Z"/></svg>Heading2 Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cuida:heading2-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cuida:heading2-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cuida:heading2-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cuida--heading2-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cuida -->
<div class="i-cuida:heading2-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cuida:heading2-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cuida/heading2-outline.svg" alt="Heading2 Outline アイコン" width="24" height="24">Heading2 Outline アイコン のよくある質問
Heading2 Outline アイコンは商用利用でも無料ですか?
はい。Cuida Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Heading2 Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="cuida:heading2-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Heading2 Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cuida/heading2-outline.svg" alt="Heading2 Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。