Text Italic Outline アイコン
solar:text-italic-outline
Text Italic Outline アイコン(solar:text-italic-outline)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- テキスト書式
- タグ
- textitalic、italicoutline、textitalicoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.9826 1.24995H9C8.58579 1.24995 8.25 1.58574 8.25 1.99995C8.25 2.41417 8.58579 2.74995 9 2.74995H13.992L8.44198 21.25H3C2.58579 21.25 2.25 21.5857 2.25 22C2.25 22.4142 2.58579 22.75 3 22.75H8.98314C8.9946 22.7502 9.00604 22.7502 9.01744 22.75H15C15.4142 22.75 15.75 22.4142 15.75 22C15.75 21.5857 15.4142 21.25 15 21.25H10.008L15.558 2.74995H21C21.4142 2.74995 21.75 2.41417 21.75 1.99995C21.75 1.58574 21.4142 1.24995 21 1.24995H15.0169C15.0054 1.24969 14.994 1.24969 14.9826 1.24995Z" clip-rule="evenodd"/></svg>Text Italic Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:text-italic-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:text-italic-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:text-italic-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--text-italic-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:text-italic-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:text-italic-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/text-italic-outline.svg" alt="Text Italic Outline アイコン" width="24" height="24">Solar の関連アイコン
text-bold-bold
text-bold-bold-duotone
text-bold-broken
text-bold-circle-bold
text-bold-circle-bold-duotone
text-bold-circle-broken
text-bold-circle-line-duotone
text-bold-circle-linear
text-bold-circle-outline
text-bold-line-duotone
text-bold-linear
text-bold-outline
text-bold-square-bold
text-bold-square-bold-duotone
text-bold-square-broken
text-bold-square-line-duotone
text-bold-square-linear
text-bold-square-outline
text-circle-bold
text-circle-bold-duotone
text-circle-broken
text-circle-line-duotone
text-circle-linear
text-circle-outline
Text Italic Outline アイコン のよくある質問
Text Italic Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Text Italic Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:text-italic-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Text Italic Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/text-italic-outline.svg" alt="Text Italic Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。