Twotone Perm Data Setting アイコン

Q: Twotone Perm Data Setting アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

ic:twotone-perm-data-setting

Twotone Perm Data Setting アイコン(ic:twotone-perm-data-setting)は、Google Material Icons セットの無料 SVG アイコンです（作者: Material Design Authors）。 24 × 24 のグリッドで描かれています。 Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Google Material Icons
作者: Material Design Authors
ライセンス: Apache-2.0
サイズ: 24 × 24
カテゴリ: アクション
タグ: data、gear、info、information、perm、settings、action、twotoneperm、permdata、datasetting、twotonepermdatasetting

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.99 11.57H20V0L0 20h11.56v-2H4.83L17.99 4.83zm5.78 8.75l-1.07-.83c.02-.16.04-.32.04-.49s-.01-.33-.04-.49l1.06-.83a.26.26 0 0 0 .06-.32l-1-1.73c-.06-.11-.19-.15-.31-.11l-1.24.5c-.26-.2-.54-.37-.85-.49l-.19-1.32c-.01-.12-.12-.21-.24-.21h-2c-.12 0-.23.09-.25.21l-.19 1.32c-.3.13-.59.29-.85.49l-1.24-.5c-.11-.04-.24 0-.31.11l-1 1.73c-.06.11-.04.24.06.32l1.06.83a4 4 0 0 0 0 .98l-1.06.83a.26.26 0 0 0-.06.32l1 1.73c.06.11.19.15.31.11l1.24-.5c.26.2.54.37.85.49l.19 1.32c.02.12.12.21.25.21h2c.12 0 .23-.09.25-.21l.19-1.32c.3-.13.59-.29.84-.49l1.25.5c.11.04.24 0 .31-.11l1-1.73a.26.26 0 0 0-.06-.32m-4.78.18c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"/></svg>

Twotone Perm Data Setting アイコンの使い方

React

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

<Icon icon="ic:twotone-perm-data-setting" width="24" />

Vue

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

<template>
  <Icon icon="ic:twotone-perm-data-setting" width="24" />
</template>

Svelte

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

<Icon icon="ic:twotone-perm-data-setting" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ic--twotone-perm-data-setting]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ic -->
<div class="i-ic:twotone-perm-data-setting"></div>

Web コンポーネント

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

<iconify-icon icon="ic:twotone-perm-data-setting"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ic/twotone-perm-data-setting.svg" alt="Twotone Perm Data Setting アイコン" width="24" height="24">

Google Material Icons の関連アイコン

Twotone Perm Data Setting アイコンのよくある質問

Twotone Perm Data Setting アイコンは商用利用でも無料ですか?

はい。Google Material Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Twotone Perm Data Setting アイコンを使うには?

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

Twotone Perm Data Setting アイコンをウェブページに追加するには?

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

Google Material Icons をすべて見る →