ICONYZ
日本語
theSVG Color の Chase Light アイコン

Chase Light アイコン

thesvg-color:chase-light

Chase Light アイコン(thesvg-color:chase-light)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 1000 × 142 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
1000 × 142
タグ
chaselight
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="142" viewBox="0 0 1000 142"><path fill="#fff" d="M267.52 104.26c2.51 1.01 6.23 1.66 11.16 1.96v2.11h-55.64v-2.11c4.92-.3 8.65-.95 11.16-1.96c2.51-1 4.25-2.61 5.2-4.83c.95-2.21 1.43-5.48 1.43-9.8V22.37h-.45l-38.15 87.92h-.45l-40.87-87.61h-.45v66.95c0 4.32.5 7.59 1.51 9.8c1 2.21 2.74 3.82 5.2 4.83s6.16 1.66 11.08 1.96v2.11H135.8v-2.11c4.92-.3 8.62-.95 11.08-1.96c2.46-1 4.2-2.61 5.2-4.83c1-2.21 1.51-5.48 1.51-9.8V22.22c0-4.32-.5-7.59-1.51-9.8s-2.74-3.82-5.2-4.83c-2.47-1-6.16-1.66-11.08-1.96V3.52h38.08l34.78 75.93l33.73-75.93h36.29v2.11c-4.93.3-8.65.96-11.16 1.96c-2.51 1.01-4.27 2.64-5.28 4.9s-1.51 5.5-1.51 9.73v67.41c0 4.32.5 7.59 1.51 9.8c1.01 2.22 2.77 3.82 5.28 4.83m75.6-50.82c3.11 5.73 4.67 12.21 4.67 19.45s-1.56 13.72-4.67 19.45c-3.12 5.73-7.46 10.16-13.04 13.27q-8.37 4.68-19.08 4.68c-7.14 0-13.47-1.56-19-4.68c-5.53-3.11-9.88-7.54-13.04-13.27c-3.17-5.73-4.75-12.21-4.75-19.45s1.58-13.72 4.75-19.45s7.51-10.15 13.04-13.27s11.86-4.68 19-4.68q10.71 0 19.08 4.68c5.58 3.12 9.92 7.54 13.04 13.27m-15.08 19.45c0-7.14-.68-13.27-2.04-18.4s-3.32-9.02-5.88-11.69c-2.56-2.66-5.61-4-9.12-4c-3.52 0-6.56 1.33-9.12 4s-4.52 6.56-5.88 11.69s-2.04 11.26-2.04 18.4s.68 13.27 2.04 18.4s3.32 9.02 5.88 11.69s5.6 4 9.12 4s6.56-1.33 9.12-4c2.56-2.66 4.52-6.56 5.88-11.69s2.04-11.26 2.04-18.4m70.88-21.26c2.61 0 4.98.45 7.09 1.36V36.4c-1.31-.6-2.86-.9-4.67-.9c-4.63 0-8.72 2.04-12.29 6.11s-6.35 8.75-8.93 18.07h-.34V36.1h-.6l-29.86 8.6v1.96c3.42 0 6.06.33 7.92.98s3.19 1.71 4 3.17c.8 1.46 1.21 3.44 1.21 5.96v37.4c0 3.12-.3 5.43-.9 6.94s-1.71 2.64-3.32 3.39s-4.17 1.33-7.69 1.73v2.11h41.92v-2.11c-3.52-.3-6.16-.83-7.92-1.58s-2.99-1.91-3.69-3.47s-1.06-3.9-1.06-7.01V64.53c3.16-7.43 10.12-12.9 19.13-12.9m220.05 49.39c-.6-1.56-.9-3.89-.9-7.01V59.62c0-16.15-8.94-24.13-20.66-24.13s-19.25 8.3-22.47 12.72h-.3V36.1h-.6l-29.86 8.6v1.96c3.32 0 5.93.33 7.84.98s3.27 1.68 4.07 3.09s1.21 3.37 1.21 5.88V94c0 3.12-.3 5.46-.9 7.01c-.6 1.56-1.71 2.71-3.32 3.47c-1.61.75-4.17 1.33-7.69 1.73v2.11h39.21v-2.11c-2.71-.4-4.8-.98-6.26-1.73s-2.44-1.91-2.94-3.47s-.75-3.89-.75-7.01V53.69c3.47-4.21 7.55-8.25 14.18-8.25c9.11 0 11.91 6.87 11.91 14.63V94c0 3.12-.28 5.46-.83 7.01c-.55 1.56-1.51 2.71-2.87 3.47c-1.36.75-3.44 1.33-6.26 1.73v2.11h38.76v-2.11c-3.32-.4-5.76-.98-7.31-1.73c-1.58-.75-2.65-1.9-3.26-3.46M1000 87.52c-3.33 7.27-12.62 22.77-31.52 22.77c-17.95 0-32.87-14.68-32.87-36.79c0-6.94 1.51-13.32 4.52-19.15c3.02-5.83 7.11-10.43 12.29-13.8s10.88-5.05 17.12-5.05c18.11 0 27.14 12.76 27.14 26.06v3h-44.93c0 .27-.01.53-.01.8c0 16 7.12 31.37 25.03 31.37c13.62 0 19.32-7.54 21.56-10.25zm-47.94-28.05h28.18c-.19-10.93-3.45-20.47-12.36-20.51c-8.36-.03-14.42 7.77-15.82 20.51m-152.07 41.55c-.6-1.56-.9-3.89-.9-7.01V59.62c0-5.23-.88-9.65-2.64-13.27s-4.2-6.33-7.31-8.14c-3.12-1.81-6.69-2.71-10.71-2.71c-4.63 0-8.72 1.18-12.29 3.54s-6.96 5.76-10.18 10.18h-.3V0h-.6L725.2 8.6v1.96c3.32 0 5.93.33 7.84.98s3.27 1.68 4.07 3.09s1.21 3.37 1.21 5.88V94c0 3.12-.3 5.46-.9 7.01c-.6 1.56-1.71 2.71-3.32 3.47c-1.61.75-4.17 1.33-7.69 1.73v2.11h39.21v-2.11c-2.71-.4-4.8-.98-6.26-1.73s-2.44-1.91-2.94-3.47s-.75-3.89-.75-7.01V53.69c3.47-4.21 7.55-8.25 14.18-8.25c3.72 0 6.63 1.23 8.75 3.69c2.11 2.46 3.17 6.11 3.17 10.93V94c0 3.12-.28 5.46-.83 7.01c-.55 1.56-1.51 2.71-2.87 3.47c-1.36.75-3.44 1.33-6.26 1.73v2.11h38.76v-2.11c-3.32-.4-5.76-.98-7.31-1.73c-1.59-.75-2.66-1.9-3.27-3.46m-109.53.8c-22.24.15-39.88-17.73-39.88-46.74c0-30.66 16.43-48.54 35.22-48.54s26.85 16.93 30.96 33.56l3.01-.05V9.45c-7.06-3.91-18.64-8.32-35.47-8.32c-32.46 0-56.96 23.75-56.96 55.46c0 30.21 20.44 54.1 55.61 53.95c19.39-.15 32.91-11.72 39.37-20.59l-2.1-2.25c-4.36 4.96-13.08 13.97-29.76 14.12m223.89-35.41l-10.4-4.98c-6.91-3.09-10.86-7.18-10.86-12.21c0-5.7 5.22-9.6 12.52-9.6c10.63 0 16.14 5.88 18.42 18.95h3.14v-19c-3.12-1.21-11.36-4.07-19.75-4.07c-16.59 0-26.69 10.43-26.69 22.47c0 4.63 1.23 8.67 3.69 12.14s6.16 6.46 11.08 8.97l10.86 5.43c7.43 3.39 10.41 6.73 10.41 11.76c0 5.56-4.48 9.91-12.97 9.91c-12.41 0-18.31-11.77-19.93-21.22h-3.14v19.45c4.73 3.06 13.63 5.88 21.87 5.88c15.9 0 26.99-9.74 26.99-23.52c-.01-9.93-5.31-16.14-15.24-20.36M90.03 62.64v26.99c0 4.22.6 7.46 1.81 9.73c1.21 2.26 3.22 3.9 6.03 4.9c2.81 1.01 7.09 1.66 12.82 1.96v2.11H52.33v-2.11c4.92-.3 8.62-.95 11.08-1.96c2.46-1 4.2-2.61 5.2-4.83c1-2.21 1.51-5.48 1.51-9.8V22.68c0-13.79-6.23-16.59-15.69-16.59c-10.38 0-16.73 2.79-16.73 16.14v74.91c0 16.93-11 33.03-32.72 33.03c-1.68 0-3.34-.1-4.98-.29v-1.81c5.16-.31 9.34-2.06 12.52-5.29c3.52-3.57 5.28-9.42 5.28-17.57V22.22c0-4.22-.5-7.47-1.51-9.73s-2.77-3.89-5.28-4.9C8.5 6.59 4.83 5.93 0 5.63V3.52h103.05c23.44 0 37.95 11.72 37.95 29.41c0 20.25-19.89 29.71-37.67 29.71zm0-4.05h7.19c12.23 0 22.52-7.16 22.52-25.51c0-22.43-14.81-25.51-22.15-25.51h-7.56zm448.07 43.72c2.49 0 4.68-1.09 6.07-2.03v3.58c-2.78 2.6-7.94 6.38-15.7 6.38c-6.54 0-12.03-4.15-13.49-10.48h-.39c-2.55 4.82-10.34 10.91-18.84 10.91c-10.2 0-17.71-6.8-17.71-17.14c0-8.08 5.53-13.46 14.73-16.72l21.82-7.86V58.82c0-9.21-6.66-13.46-13.88-13.46c-7.37 0-14.17 3.12-21.25 10.34l-2.12-1.98c6.23-10.06 16.15-18.28 30.46-18.28c13.6 0 24.51 8.93 24.37 23.38l-.28 36.13c-.02 5.09 2.11 7.36 6.21 7.36m-23.51-28.64l-8.78 3.56c-6.8 2.69-11.19 5.81-11.19 13.03c0 6.09 4.25 10.34 10.2 10.34c3.12 0 7.65-2.41 9.78-5.1V73.67zm356.42 28.64c2.5 0 4.68-1.1 6.08-2.03v3.58c-2.78 2.6-7.94 6.39-15.71 6.39c-6.54 0-12.03-4.15-13.49-10.48h-.39c-2.55 4.82-10.34 10.91-18.84 10.91c-10.2 0-17.71-6.8-17.71-17.14c0-8.08 5.53-13.46 14.73-16.72l21.82-7.86V58.82c0-9.21-6.66-13.46-13.88-13.46c-7.37 0-14.17 3.12-21.25 10.34l-2.13-1.98c6.23-10.06 16.15-18.28 30.46-18.28c13.6 0 24.51 8.93 24.37 23.38l-.28 36.13c-.01 5.09 2.11 7.36 6.22 7.36m-23.52-28.64l-8.78 3.56c-6.8 2.69-11.19 5.81-11.19 13.03c0 6.09 4.25 10.34 10.2 10.34c3.12 0 7.65-2.41 9.78-5.1V73.67zM460.13 40.45c6.45 5.03 9.3 12.27 9.3 18.45c0 16.23-13.87 24.64-29.66 24.64c-4.16 0-8.18-.59-11.85-1.75c-2.04 1.57-3.79 3.62-3.79 6.02c0 5.16 8.41 6.2 13.43 6.49l17.12 1.18c13.72.89 22.42 5.75 22.42 18c0 15.49-18.32 28.33-45 28.33c-15.49 0-26.56-5.31-26.56-14.76c0-8.21 4.52-12.91 16.14-18.49c-7.6-2.21-9.36-6.74-9.36-11.17c0-6.06 5.41-11.5 12.74-16.66c-8.78-3.7-14.95-11.03-14.95-21.85c0-16.23 13.87-24.64 29.66-24.64c7.26 0 13.04 1.65 17.49 4.24c3.32-6.67 9.87-14.43 21.61-14.43V37.9c-6.27-1.94-13.92-.93-18.74 2.55m-42.2 80.13c0 8.56 9.74 12.39 22.43 12.39c12.1 0 28.47-5.46 28.47-14.17c0-5.02-2.8-6.2-10.18-6.79l-29.65-2.2c-1.74-.13-3.31-.33-4.72-.6c-4.27 3.33-6.35 6.75-6.35 11.37m33.2-61.67c0-13.87-4.57-20.51-11.36-20.51s-11.36 6.64-11.36 20.51s4.57 20.51 11.36 20.51s11.36-6.64 11.36-20.51"/></svg>

Chase Light アイコンの使い方

React

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

<Icon icon="thesvg-color:chase-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:chase-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:chase-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--chase-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:chase-light"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:chase-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/chase-light.svg" alt="Chase Light アイコン" width="24" height="24">

theSVG Color の関連アイコン

他のアイコンセットの Chase Light アイコン

Chase Light アイコン のよくある質問

Chase Light アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Chase Light アイコンを使うには?

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

Chase Light アイコンをウェブページに追加するには?

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

theSVG Color アイコン をすべて見る →