Straslines アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:straslines

Straslines アイコン(arcticons:straslines)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: strasline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.693 13.977a15.5 15.5 0 0 1 2.688.225a12.2 12.2 0 0 1 3.041.932a2.97 2.97 0 0 1 1.372 1.024a2.9 2.9 0 0 1 .323 1.08c.328 1.603.67 4.752.768 5.51v8.643h-1.377v1.377a1.178 1.178 0 1 1-2.35 0V31.39h-8.93v1.377a1.178 1.178 0 1 1-2.35 0V31.39H4.5v-8.643c.082-.758.425-3.887.753-5.51a2.9 2.9 0 0 1 .322-1.08a2.97 2.97 0 0 1 1.373-1.024a12.2 12.2 0 0 1 3.041-.932a15.5 15.5 0 0 1 2.704-.225m-5.397 3.507a.72.72 0 0 0-.692.625l-.65 4.72a.72.72 0 0 0 .594.815h12.166a.727.727 0 0 0 .727-.707a1 1 0 0 0 0-.097l-.65-4.721a.72.72 0 0 0-.717-.625H7.321Zm-.236 8.94a1.234 1.234 0 1 0 1.229 1.24v-.01a1.23 1.23 0 0 0-1.229-1.23m11.265 0a1.234 1.234 0 1 0 1.234 1.234v-.005a1.224 1.224 0 0 0-1.219-1.229ZM5.877 31.391h13.631M8.407 16.015h8.541m7.009 24.37V7.615m17.923 6.106H28.734a1.33 1.33 0 0 0-1.331 1.31l-.288 16.866a1.33 1.33 0 0 0 1.332 1.355h13.721a1.33 1.33 0 0 0 1.332-1.355l-.288-16.866a1.33 1.33 0 0 0-1.332-1.31"/><circle cx="30.565" cy="30.459" r="1.12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.307 13.721V11.63m-4.742 21.622v.971l-2.147 2.147m2.744-24.161l.579-.579h3.566"/><circle cx="40.05" cy="30.459" r="1.12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.05 33.252v.971l2.147 2.147m-2.744-24.161l-.579-.579h-3.567m-3.323 9v6.199m3.137 1.157l-3.137-4.257m8.667-6.833H29.964l-.333 11.09h11.353z"/></svg>

Straslines アイコンの使い方

React

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

<Icon icon="arcticons:straslines" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:straslines" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:straslines" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--straslines]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:straslines"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:straslines"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/straslines.svg" alt="Straslines アイコン" width="24" height="24">

Straslines アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →