Slice And Dice アイコン

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

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

arcticons:slice-and-dice

Slice And Dice アイコン(arcticons:slice-and-dice)は、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
タグ: sliceand、anddice、sliceanddice

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="M19.91 19.512h-1.373c-1.992 0-3.23 1.144-3.23 3.355c0 1.62.336 2.965 2.687 2.965c2.354 0 4.06-2.355 4.06-3.641c0-1.268-.678-2.688-2.154-2.688zm4.098 4.385s-3.536 2.316-2.64 4.07c.894 1.753 2.64-.34 2.64-1.268M20.1 36.287c3.708-1.039 5.49-1.039 7.845 0m-6.033-5.527v4.679m2.096-11.542s3.536 2.316 2.64 4.07c-.894 1.753-2.64-.34-2.64-1.268m4.48 4.632c-3.708-1.048-5.261-1.048-8.969 0M28.297 34s-2.697-.774-4.336-.774s-4.337.774-4.337.774m6.481-3.24v4.688m-2.097-4.879v4.441"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.815 35.144L7.233 22.562a2.253 2.253 0 0 1 0-3.192L22.389 4.215a2.253 2.253 0 0 1 3.193 0L40.736 19.37a2.253 2.253 0 0 1 0 3.192L28.155 35.144"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.494 32.76L25.247 44.009a1.676 1.676 0 0 1-2.373 0L11.627 32.76"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.008 3.5c-.576 0-1.153.221-1.591.663L7.262 19.318a2.255 2.255 0 0 0-.481 2.488l4.441 10.389c.082.19.202.37.359.526l11.246 11.247a1.676 1.676 0 0 0 2.374 0L36.447 32.72c.157-.157.277-.336.359-.526l4.441-10.39a2.26 2.26 0 0 0-.48-2.487L25.61 4.163a2.25 2.25 0 0 0-1.59-.663zm0 40.984v-4.136"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.865 7.656c-1.192.03-6.634 4.365-6.91 6.204s-.185 4.051-1.01 4.604c-.83.553-1.507 1.287-1.507 3.898s.062 3.164 1.106 4.794c1.048 1.63 5.128.123 5.128 5.557s2.611 7.615 4.384 7.615s4.384-2.182 4.384-7.615s4.09-3.936 5.128-5.557c1.048-1.63 1.106-2.182 1.106-4.794s-.676-3.345-1.506-3.898s-.738-2.764-1.01-4.604c-.277-1.84-5.729-6.176-6.91-6.204q-1.192-.031-2.374 0z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.91 19.512h-1.373c-1.992 0-3.23 1.144-3.23 3.355c0 1.62.336 2.965 2.687 2.965c2.354 0 4.06-2.355 4.06-3.641c0-1.268-.678-2.688-2.154-2.688zm8.197 0h1.372c1.992 0 3.231 1.144 3.231 3.355c0 1.62-.336 2.965-2.687 2.965s-4.06-2.355-4.06-3.641c0-1.268.678-2.688 2.153-2.688z"/></svg>

Slice And Dice アイコンの使い方

React

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

<Icon icon="arcticons:slice-and-dice" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:slice-and-dice" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:slice-and-dice" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:slice-and-dice"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/slice-and-dice.svg" alt="Slice And Dice アイコン" width="24" height="24">

Arcticons の関連アイコン

Slice And Dice アイコンのよくある質問

Slice And Dice アイコンは商用利用でも無料ですか?

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

React で Slice And Dice アイコンを使うには?

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

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

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

Arcticons をすべて見る →