Paragraphs Insert Image Top アイコン
streamline-freehand-color:paragraphs-insert-image-top
Paragraphs Insert Image Top アイコン(streamline-freehand-color:paragraphs-insert-image-top)は、Freehand color icons セットの無料 SVG アイコンです(作者: Streamline)。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- paragraphsinsert、insertimage、imagetop、paragraphsinsertimagetop、paragraph
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M6.5 4.216a25 25 0 0 0-2.157-1.628l-.36-.24a.3.3 0 0 0-.189 0a.28.28 0 0 0-.28.18a.27.27 0 0 0 0 .24a.3.3 0 0 0 .16.16c.072.03.13.12.25.23c.42.369 1.148 1.197 1.748 1.827c-.55 0-1.099 0-1.668-.08c-.57-.08-.879 0-1.318 0q-1.145.04-2.277.21a.35.35 0 1 0 0 .689c.639 0 1.298.16 1.997.22q.683.07 1.368.05a9.6 9.6 0 0 0 2.297-.48A12.5 12.5 0 0 1 3.954 7.89a.343.343 0 0 0 .35.589A11.7 11.7 0 0 0 6.82 6.483a4 4 0 0 0 .51-.63a.67.67 0 0 0 .09-.489a3.4 3.4 0 0 0-.92-1.148m2.996 5.222c1.321.205 2.66.265 3.995.18c2.996-.05 7.06-.26 8.828-.48a.301.301 0 0 0-.06-.598c-1.518.12-4.724.18-7.51.16a36 36 0 0 1-4.684-.2c0-.06-.09-.17-.12-.29a11.5 11.5 0 0 1-.279-2.566c-.031-.761.01-1.524.12-2.277c0-.26.06-.67.16-.58q.493-.114.998-.14c1.258-.129 3.236-.219 5.223-.279a56 56 0 0 1 6.371 0q.07.134.1.28c.098.5.141 1.009.13 1.518c0 1.148-.07 2.506-.13 3.405a.36.36 0 0 0 .32.38a.35.35 0 0 0 .37-.32a31.4 31.4 0 0 0 .179-4.644a2.8 2.8 0 0 0-.27-.998a.7.7 0 0 0-.39-.34a57 57 0 0 0-8.058-.27c-1.688 0-3.255.1-4.254.21c-.44.028-.872.13-1.278.3a1.57 1.57 0 0 0-.55.999a12 12 0 0 0-.2 2.875c.016.96.14 1.915.37 2.847c.1.342.32.636.62.828"/><path fill="#0c6fff" d="M12.612 13.673c.809 0 1.618.06 2.437.07h1.637l2.527-.1h1.128c.34-.08.17-.58.07-.59l-1.168-.16l-2.557-.239c-.819 0-1.627-.05-2.446-.05c-.55 0-1.099.05-1.648.08l-2.996.24a.35.35 0 1 0 0 .699zm8.158 8.218l-1.168-.15l-2.546-.25c-.81 0-1.628-.05-2.447 0c-.549 0-1.098 0-1.647.07l-2.996.25a.35.35 0 1 0 0 .69l2.996.08c.808 0 1.627.07 2.436.08h1.638l2.526-.11c2.077-.12 1.229-.66 1.209-.66m3.135-4.454c-.14 0-1.138-.09-1.498-.11l-3.355-.21h-3.225c-.72 0-1.429 0-2.147.07l-3.995.2a.35.35 0 1 0 0 .7l3.995.12c.898 0 1.787.06 2.686.07s1.787 0 2.686 0l3.335-.14c1.558-.05 1.478 0 1.548-.09s.11-.61-.03-.61"/></g></svg>Paragraphs Insert Image Top アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:paragraphs-insert-image-top" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:paragraphs-insert-image-top" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:paragraphs-insert-image-top" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--paragraphs-insert-image-top]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:paragraphs-insert-image-top"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:paragraphs-insert-image-top"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/paragraphs-insert-image-top.svg" alt="Paragraphs Insert Image Top アイコン" width="24" height="24">Freehand color icons の関連アイコン
他のアイコンセットの Paragraphs Insert Image Top アイコン
Paragraphs Insert Image Top アイコン のよくある質問
Paragraphs Insert Image Top アイコンは商用利用でも無料ですか?
はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Paragraphs Insert Image Top アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand-color:paragraphs-insert-image-top" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Paragraphs Insert Image Top アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/paragraphs-insert-image-top.svg" alt="Paragraphs Insert Image Top アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。