Cruise アイコン
si-glyph:cruise
Cruise アイコン(si-glyph:cruise)は、SmartIcons Glyph セットの無料 SVG アイコンです（作者: SmartIcons）。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SmartIcons Glyph
- 作者
- SmartIcons
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 16 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><path fill="currentColor" fill-rule="evenodd" d="M4.143 12.728c.07.064.234.175.361.168c.08-.002.172-.058.264-.164c.301-.351.635-.538.992-.558c.541-.031.949.342 1.146.521c.27.242.385.263.422.258c.047-.004.426-.419.625-.545V6.059l-2.974.654V3.558c0-.343.289-.62.643-.62H8.02v3.14c.263-.058.694-.058.959 0v-3.14h2.407c.354 0 .642.277.642.62l.015 3.182l-3-.681v6.167q.115-.031.25-.035c.267-.002.668.074 1.057.495c.131.138.268.215.34.214c.09-.005.273-.208.287-.222c.047-.047.475-.461 1.053-.447c.244.007.604.091.928.464c.139.159.271.254.367.26c.158.012.393-.204.492-.295c.225-.202.517-.421.875-.472c0 0 .57-2.447.137-3.531c-.23-.576-.285-1.078-1.508-1.501c-.111-.038-.227-.065-.339-.103V3.388c0-.755-.636-1.368-1.419-1.368H9.98V.021h-.978V2.02H7.98V.042h-.978V2.02H5.455c-.783 0-1.421.613-1.421 1.368v3.668c-.109.035-.221.062-.328.1c-1.216.423-1.237.96-1.505 1.52c-.514 1.075.285 3.79.285 3.79c.299-.211.574-.25.772-.237c.486.033.789.376.885.499m11.775 2.019c-.268-.44-.58-.683-.927-.72a1 1 0 0 0-.253.014c-.367.064-.667.344-.898.599c-.102.114-.34.391-.504.375c-.096-.007-.234-.128-.375-.33c-.333-.473-.701-.581-.951-.589c-.594-.016-1.029.507-1.078.568a.4.4 0 0 0-.041.062c-.043.073-.161.212-.256.219c-.073.002-.213-.098-.344-.273c-.4-.532-.811-.629-1.082-.626a1 1 0 0 0-.26.043c-.173.05-.32.138-.443.233c-.206.16-.331.336-.355.371q-.026.036-.045.08c-.109.169-.197.236-.243.241c-.044.006-.159-.02-.437-.328c-.204-.226-.625-.701-1.186-.663c-.366.027-.711.265-1.023.708c-.096.136-.189.207-.271.211c-.132.006-.299-.134-.372-.215c-.097-.156-.413-.591-.913-.632c-.205-.019-.489.031-.796.299a2 2 0 0 0-.299.326c-.095.125-.244.268-.374.271c-.16-.002-.33-.189-.375-.256c-.15-.216-.426-.26-.621-.096a.535.535 0 0 0-.09.689c.043.066.443.631 1.06.648c.274.008.684-.096 1.082-.627l.024-.031c.125-.155.248-.246.322-.242c.092.006.212.146.251.213a.4.4 0 0 0 .045.068c.048.061.484.602 1.078.568c.249-.007.616-.117.948-.589c.145-.202.28-.323.379-.329c.161-.005.399.258.504.373c.262.292.613.617 1.053.617q.047 0 .096-.004c.199-.021.385-.117.559-.271c.131-.116.254-.261.367-.449q.01-.014.016-.028q.025-.03.061-.063c.074-.072.182-.15.285-.152h.003c.138 0 .276.148.37.272c.419.556.822.646 1.096.624c.5-.041.816-.475.914-.633c.055-.061.232-.232.369-.213q.127.003.273.209c.312.443.658.683 1.023.707c.258.02.489-.077.684-.207c.219-.145.395-.333.504-.453c.275-.309.396-.336.434-.328c.052.005.15.083.275.287c.137.227.414.287.617.135a.53.53 0 0 0 .12-.683"/></svg>Cruise アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:cruise" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:cruise" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:cruise" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--cruise]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:cruise"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:cruise"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/si-glyph/cruise.svg" alt="Cruise アイコン" width="24" height="24">他のアイコンセットの Cruise アイコン
Cruise アイコン のよくある質問
Cruise アイコンは商用利用でも無料ですか?
はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cruise アイコンを使うには?
@iconify/react をインストールして <Icon icon="si-glyph:cruise" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cruise アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/si-glyph/cruise.svg" alt="Cruise アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。