Chevron Last Bold アイコン
solar:chevron-last-bold
Chevron Last Bold アイコン(solar:chevron-last-bold)は、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
- カテゴリ
- 矢印
- タグ
- chevronlast、lastbold、chevronlastbold
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.5 4.25C16.9142 4.25002 17.25 4.5858 17.25 5V19C17.25 19.4142 16.9142 19.75 16.5 19.75C16.0858 19.75 15.75 19.4142 15.75 19V5C15.75 4.58579 16.0858 4.25001 16.5 4.25Z"/><path d="M7.01168 4.43066C7.32612 4.16116 7.79972 4.19738 8.0693 4.51172L14.0693 11.5117C14.31 11.7926 14.31 12.2074 14.0693 12.4883L8.0693 19.4883C7.79972 19.8026 7.32612 19.8388 7.01168 19.5693C6.69734 19.2997 6.66111 18.8262 6.93063 18.5117L12.5117 12L6.93063 5.48828C6.66111 5.17384 6.69734 4.70025 7.01168 4.43066Z"/></g></svg>Chevron Last Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:chevron-last-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:chevron-last-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:chevron-last-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chevron-last-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chevron-last-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:chevron-last-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/chevron-last-bold.svg" alt="Chevron Last Bold アイコン" width="24" height="24">Solar の関連アイコン
chevron-first-bold
chevron-first-bold-duotone
chevron-first-broken
chevron-first-line-duotone
chevron-first-linear
chevron-first-outline
chevron-last-bold-duotone
chevron-last-broken
chevron-last-line-duotone
chevron-last-linear
chevron-last-outline
chevrons-down-up-bold
chevrons-down-up-bold-duotone
chevrons-down-up-broken
chevrons-down-up-line-duotone
chevrons-down-up-linear
chevrons-down-up-outline
chevrons-left-right-bold
chevrons-left-right-bold-duotone
chevrons-left-right-broken
chevrons-left-right-ellipsis-bold
chevrons-left-right-ellipsis-bold-duotone
chevrons-left-right-ellipsis-broken
chevrons-left-right-ellipsis-line-duotone
Chevron Last Bold アイコン のよくある質問
Chevron Last Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Chevron Last Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:chevron-last-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chevron Last Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/chevron-last-bold.svg" alt="Chevron Last Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。