Clear Outside アイコン

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

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

arcticons:clear-outside

Clear Outside アイコン(arcticons:clear-outside)は、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
タグ: clearoutside

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="M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.921 37.895a5.784 5.784 0 1 1-4.08-10.21"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.925 37.903a5.784 5.784 0 0 1-4.003-10.236"/><circle cx="14.659" cy="14.923" r="4.049" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.676 10.272a4.05 4.05 0 0 0-4.048 4.048v0q.003.36.07.711a2.29 2.29 0 0 0-1.715 2.215a2.293 2.293 0 0 0 2.293 2.293h0a2.3 2.3 0 0 0 1.625-.7c.52.425 1.246.666 2.004.667c.924-.002 1.786-.36 2.297-.953c.685.307 1.558.476 2.463.476c2.087 0 3.779-.88 3.779-1.964v0c0-.908-1.195-1.697-2.89-1.91c.27-.385.417-.844.42-1.315a2.293 2.293 0 0 0-2.293-2.293h0a2.3 2.3 0 0 0-.893.185a4.05 4.05 0 0 0-3.112-1.46m-16.955 10.04v1.414m0-13.896v1.605M9.183 14.93H7.77m13.896 0h-1.605m-9.237 3.871l-1 1m9.826-9.826l-1.135 1.135m.134 7.628l1 1M9.822 9.911l1.135 1.135m-.702 24.808l-.216 1.348l.987.942l-1.349.211l-.59 1.23l-.618-1.217l-1.353-.182l.967-.963l-.245-1.343l1.215.622zm16.253-5.204L26.292 32l.988.942l-1.35.211l-.59 1.23l-.618-1.217l-1.353-.182l.968-.963l-.245-1.343l1.215.622zm8.807-2.408l1.06.861l1.31-.384l-.493 1.274l.77 1.127l-1.363-.075l-.834 1.081l-.35-1.32l-1.286-.459l1.147-.74zM31.21 37.07l.701 1.171l1.363.087l-.898 1.029l.338 1.323l-1.255-.536l-1.154.73l.122-1.36l-1.051-.871l1.33-.304zm-17.317 1.341l-.109.674l.494.472l-.674.105l-.296.615l-.308-.609l-.677-.09l.484-.482l-.123-.672l.608.311zM5.5 24h37M24 5.5V24M8.05 28.252l.482.647m.463-.657l-.463.657m-.764.254l.764-.254m.006.801l-.006-.801m.764.238l-.764-.238m2.36 3.471l.482.648m.462-.658l-.462.658m-.765.254l.765-.254m.006.801l-.006-.801m.764.238l-.764-.238m1.445 5.607l.482.648m.462-.658l-.462.658m.006.801l-.006-.801m.764.237l-.764-.237m13.727-13.442l.481.647m.463-.658l-.463.658m-.764.254l.764-.254m.006.801l-.006-.801m.765.238l-.765-.238m11.624 10.453l.482.648m.463-.658l-.463.658m-.764.254l.764-.254m.006.801l-.006-.801m.764.238l-.764-.238"/></svg>

Clear Outside アイコンの使い方

React

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

<Icon icon="arcticons:clear-outside" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:clear-outside" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:clear-outside" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:clear-outside"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/clear-outside.svg" alt="Clear Outside アイコン" width="24" height="24">

Arcticons の関連アイコン

Clear Outside アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →