Resize Arrow Expand Vertical 1 アイコン
streamline-freehand:resize-arrow-expand-vertical-1
Resize Arrow Expand Vertical 1 アイコン(streamline-freehand:resize-arrow-expand-vertical-1)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 基本インターフェース
- タグ
- resizearrow、arrowexpand、expandvertical、resizearrowexpandvertical
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="M1.973 9.68c1.232 0 4.008.23 7.735.3c1.723 0 3.577.05 5.44 0c2.877 0 5.753-.22 8.167-.38a.33.33 0 1 0-.02-.662c-2.415 0-5.28-.12-8.146-.18h-2.154c.07-.681.17-1.784.18-2.816c0-.811-.05-1.563-.06-2.004l-.25-1.914c.75.902 1.783 2.185 2.003 2.455a.38.38 0 0 0 .511.15a.39.39 0 0 0 .1-.6A37 37 0 0 0 13.346.58a2 2 0 0 0-.35-.4a.63.63 0 0 0-.602-.16c-.35.18-.654.437-.891.75c-.672.833-1.654 2.326-1.894 2.656a.334.334 0 0 0 .51.431l1.935-1.834l-.19 1.934v2.064c.13 1.012.23 2.014.27 2.716H9.077c-2.495 0-4.66.08-6.122.1c-2.586.05-2.736.2-2.746.41c-.01.211.37.311 1.263.392q.248.04.5.04m20.652 3.367H21.07c-1.453 0-3.628-.08-6.112-.11H8.876c-2.895.02-5.771.11-8.176.11a.34.34 0 0 0 0 .672c2.405.15 5.28.32 8.166.38h5.441c3.768-.07 6.924-.26 8.157-.31q.27.023.54 0c.782-.07.682-.17.772-.32c.09-.151-.22-.482-1.152-.422M15.32 19.51a.38.38 0 0 0-.512.15c-.17.27-1.212 1.573-2.004 2.475l.26-2.074c0-.441.06-1.183 0-2.004a28 28 0 0 0-.21-3.006a.39.39 0 0 0-.4-.401a.41.41 0 0 0-.361.45c0 .612-.2 1.824-.26 2.947c-.05.821 0 1.583 0 2.004l.21 2.004c-.752-.722-1.704-1.674-2.004-1.914a.332.332 0 0 0-.556.059a.33.33 0 0 0 .055.372c.23.34 1.212 1.823 1.894 2.655c.237.31.537.566.881.751a.64.64 0 0 0 .591-.14q.211-.177.371-.4c.631-.852 2.004-3.107 2.134-3.478a.38.38 0 0 0-.09-.45" clip-rule="evenodd"/></svg>Resize Arrow Expand Vertical 1 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:resize-arrow-expand-vertical-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:resize-arrow-expand-vertical-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:resize-arrow-expand-vertical-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--resize-arrow-expand-vertical-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:resize-arrow-expand-vertical-1"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:resize-arrow-expand-vertical-1"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/resize-arrow-expand-vertical-1.svg" alt="Resize Arrow Expand Vertical 1 アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Resize Arrow Expand Vertical 1 アイコン
Resize Arrow Expand Vertical 1 アイコン のよくある質問
Resize Arrow Expand Vertical 1 アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Resize Arrow Expand Vertical 1 アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:resize-arrow-expand-vertical-1" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Resize Arrow Expand Vertical 1 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/resize-arrow-expand-vertical-1.svg" alt="Resize Arrow Expand Vertical 1 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。