Chevron First Bold アイコン

Q: Chevron First Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:chevron-first-bold

Chevron First Bold アイコン(solar:chevron-first-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
カテゴリ: 矢印
タグ: chevronfirst、firstbold、chevronfirstbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7.5 4.25C7.91421 4.25 8.25 4.58579 8.25 5V19C8.25 19.4142 7.9142 19.75 7.5 19.75C7.08579 19.75 6.75 19.4142 6.75 19V5C6.75 4.58579 7.08579 4.25 7.5 4.25Z"/><path d="M15.9307 4.51172C16.2003 4.19737 16.6738 4.16114 16.9883 4.43066C17.3026 4.70025 17.3389 5.17384 17.0693 5.48828L11.4883 12L17.0693 18.5117C17.3389 18.8262 17.3026 19.2997 16.9883 19.5693C16.6738 19.8389 16.2003 19.8026 15.9307 19.4883L9.93066 12.4883C9.68992 12.2074 9.68992 11.7926 9.93066 11.5117L15.9307 4.51172Z"/></g></svg>

Chevron First Bold アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:chevron-first-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:chevron-first-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:chevron-first-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--chevron-first-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:chevron-first-bold"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:chevron-first-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/chevron-first-bold.svg" alt="Chevron First Bold アイコン" width="24" height="24">

Solar の関連アイコン

Chevron First Bold アイコンのよくある質問

Chevron First Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Chevron First Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:chevron-first-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Chevron First Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/chevron-first-bold.svg" alt="Chevron First Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →