Settings Expressive アイコン
nrk:settings-expressive
Settings Expressive アイコン(nrk:settings-expressive)は、NRK Core Icons セットの無料 SVG アイコンです（作者: Norsk rikskringkasting）。 24 × 24 のグリッドで描かれています。 NRK Core Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- NRK Core Icons
- 作者
- Norsk rikskringkasting
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- タグ
- settingsexpressive、setting
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M11.723 18.754a3 3 0 0 0-2.127.896l-.28.285a1 1 0 0 1-1.212.165l-1.16-.67a1 1 0 0 1-.465-1.13l.108-.394a3 3 0 0 0-.296-2.289l-.267-.462a3 3 0 0 0-1.825-1.4l-.419-.11a1 1 0 0 1-.742-.967V11.34a1 1 0 0 1 .752-.969l.39-.1a3 3 0 0 0 1.861-1.418l.31-.54a3 3 0 0 0 .34-2.06l-.138-.717a1 1 0 0 1 .489-1.061l1.022-.578a1 1 0 0 1 1.19.155l.36.35a3 3 0 0 0 2.092.85h.566a3 3 0 0 0 2.133-.892l.298-.3a1 1 0 0 1 1.215-.16l1.154.672a1 1 0 0 1 .46 1.13l-.11.397a3 3 0 0 0 .295 2.298l.27.466a3 3 0 0 0 1.844 1.405l.382.098c.44.114.749.513.749.969v1.337a1 1 0 0 1-.746.967l-.39.102a3 3 0 0 0-1.838 1.402l-.367.636a3 3 0 0 0-.387 1.801l.099.977a1 1 0 0 1-.504.971l-.816.46a1 1 0 0 1-1.116-.09l-.616-.492a3 3 0 0 0-1.883-.654zm.548-15.501h-.565a1 1 0 0 1-.697-.284l-.36-.35a3 3 0 0 0-3.569-.463l-1.021.578a3 3 0 0 0-1.47 3.182l.14.718c.045.235.004.478-.115.686l-.31.54a1 1 0 0 1-.62.473l-.39.1a3 3 0 0 0-2.256 2.907v1.338c0 1.359.914 2.549 2.227 2.9l.419.11c.256.069.475.237.608.467l.267.462a1 1 0 0 1 .098.763l-.107.395a3 3 0 0 0 1.394 3.387l1.16.669a3 3 0 0 0 3.638-.494l.28-.284a1 1 0 0 1 .708-.3l.676-.001a1 1 0 0 1 .628.218l.616.492a3 3 0 0 0 3.344.268l.817-.46a3 3 0 0 0 1.511-2.914l-.097-.977a1 1 0 0 1 .128-.6l.368-.636a1 1 0 0 1 .611-.467l.392-.103a3 3 0 0 0 2.238-2.901v-1.337a3 3 0 0 0-2.247-2.904l-.382-.099a1 1 0 0 1-.614-.469l-.27-.466a1 1 0 0 1-.097-.766l.109-.397a3 3 0 0 0-1.38-3.39l-1.155-.672a3 3 0 0 0-3.647.482l-.297.301a1 1 0 0 1-.71.298"/><path d="M14 12a2 2 0 1 0-4 0a2 2 0 0 0 4 0m2 0a4 4 0 1 1-8 0a4 4 0 0 1 8 0"/></g></svg>Settings Expressive アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="nrk:settings-expressive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="nrk:settings-expressive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="nrk:settings-expressive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[nrk--settings-expressive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/nrk -->
<div class="i-nrk:settings-expressive"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nrk:settings-expressive"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/nrk/settings-expressive.svg" alt="Settings Expressive アイコン" width="24" height="24">NRK Core Icons の関連アイコン
Settings Expressive アイコン のよくある質問
Settings Expressive アイコンは商用利用でも無料ですか?
はい。NRK Core Icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Settings Expressive アイコンを使うには?
@iconify/react をインストールして <Icon icon="nrk:settings-expressive" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Settings Expressive アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/nrk/settings-expressive.svg" alt="Settings Expressive アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。