1822 Direkt アイコン
arcticons:1822-direkt
1822 Direkt アイコン(arcticons:1822-direkt)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.248 31.136c0-1.22.993-2.216 2.208-2.216h0m-2.208-.001v5.874m9.655-8.866v8.866m0-1.884l3.975-3.99m-2.761 2.771l3.202 3.103"/><circle cx="17.332" cy="26.26" r=".747" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.332 28.919v5.874m18.564-7.758v7.758m-1.215-5.874H37m-10.362 4.766c-.331.665-1.104 1.108-1.877 1.108h0a2.22 2.22 0 0 1-2.208-2.216v-1.44c0-1.22.993-2.217 2.208-2.217h0c1.214 0 2.208.997 2.208 2.216v.776h-4.416m-7.137-.776c0-1.22-.994-2.216-2.208-2.216h0A2.22 2.22 0 0 0 11 31.136v1.44c0 1.22.994 2.217 2.208 2.217h0a2.22 2.22 0 0 0 2.208-2.216m0 2.216v-8.866m-5.588-3.804h4.337m-4.337-7.595l2.169-1.211m0 0v8.806m6.807-4.403c-1.192 0-2.168.99-2.168 2.201h0c0 1.211.976 2.202 2.168 2.202h1.41c1.193 0 2.169-.99 2.169-2.202h0c0-1.21-.976-2.201-2.169-2.201m0 0c1.193 0 2.169-.99 2.169-2.202h0c0-1.21-.976-2.201-2.169-2.201h-1.41c-1.193 0-2.169.99-2.169 2.201h0c0 1.211.976 2.202 2.17 2.202zm4.642-1.541c0-1.651 1.302-2.972 2.82-2.972s2.928 1.32 2.928 2.972a3.03 3.03 0 0 1-.868 2.091c-1.193.99-4.88 3.853-4.88 3.853h5.748m2.476-5.944c0-1.651 1.302-2.972 2.82-2.972s2.928 1.32 2.928 2.972a3.03 3.03 0 0 1-.868 2.091c-1.192.99-4.88 3.853-4.88 3.853h5.748"/></svg>1822 Direkt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:1822-direkt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:1822-direkt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:1822-direkt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--1822-direkt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:1822-direkt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:1822-direkt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/1822-direkt.svg" alt="1822 Direkt アイコン" width="24" height="24">Arcticons の関連アイコン
1822 Direkt アイコン のよくある質問
1822 Direkt アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で 1822 Direkt アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:1822-direkt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
1822 Direkt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/1822-direkt.svg" alt="1822 Direkt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。