Coredns Dark アイコン
thesvg-color:coredns-dark
Coredns Dark アイコン(thesvg-color:coredns-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 361 × 323 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 361 × 323
- タグ
- corednsdark、coredn
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="361" height="323" viewBox="0 0 361 323"><path fill="#fff" d="m166.81 150.623l-1.912-1.912l-50.45 50.45c-.119.119-.227.249-.343.371a17 17 0 0 0-2.21 2.855a21 21 0 0 0-.606 1.014l-.083.083c-.25.498-.499 1.08-.748 1.579a17.4 17.4 0 0 0-1.33 6.732a18 18 0 0 0 5.237 12.717l10.14 10.14l42.222-42.223a29.47 29.47 0 0 0 .083-41.806"/><path fill="#fff" d="m344.842 100.089l-21.693-21.693a29.504 29.504 0 0 0-39.646-1.912c-.748.582-1.413 1.247-2.161 1.912L267.379 92.36l-2.494 2.494l-.083.083l51.78 51.78a45 45 0 0 1 3.658 4.24c.031.04.058.085.09.126c.744 4.474 1.324 9.03 1.738 13.587l-.083.083c-.416-4.571-.997-9.142-1.829-13.63a35 35 0 0 0-3.657-4.24L264.802 95.02l-56.601-56.601a42.14 42.14 0 0 0-59.344 0L31.915 155.278a42.1 42.1 0 0 0-6.234 51.28c.022.037.038.072.058.108l-11.195 11.03a29.547 29.547 0 0 0 0 41.807l21.693 21.693a29.67 29.67 0 0 0 34.41 5.402a28.6 28.6 0 0 0 7.396-5.402l6.899-6.899l2.493-2.493l.79-.79l51.988 51.989a42.14 42.14 0 0 0 59.344 0l117.026-116.86a41.87 41.87 0 0 0 9.225-45.214l-1.87 1.87l1.953-1.953c-.015-.04-.035-.077-.05-.116l18.917-18.917a29.52 29.52 0 0 0 .084-41.724m-90.824 67.323c.228-.498.436-.996.643-1.494l.001-.002c.416-.998.748-2.078 1.08-3.075c-.332 1.08-.664 2.077-1.08 3.075c-.208.498-.415.997-.644 1.496m-227.99 38.8c.018.094.042.191.063.286q-.035-.138-.077-.272zm143.774 48.304a33.61 33.61 0 0 1-47.542 0l-8.81-8.81l-25.225 25.225l-28.176-28.176l28.134 28.135l25.267-25.267l-10.057-10.057a32.6 32.6 0 0 1-5.984-8.145a33.97 33.97 0 0 1-1.413-28.26a24 24 0 0 1 1.413-2.991a32.6 32.6 0 0 1 5.984-8.146l50.41-50.409l.04.042l27.013-27.012a33.61 33.61 0 0 1 47.542 0l10.306 10.306l-11.054 11.054l.041.042l-.041.041l-10.39-10.39a17.56 17.56 0 0 0-12.633-5.319a15.3 15.3 0 0 0-3.408.333a17.9 17.9 0 0 0-9.225 4.904l-27.013 27.012l1.912 1.912a29.547 29.547 0 0 1 0 41.806l-42.305 42.306l8.81 8.81a17.86 17.86 0 0 0 12.716 5.236a17.1 17.1 0 0 0 6.733-1.33c.498-.25 1.08-.498 1.579-.748c.083 0 .083-.083.166-.083a18.6 18.6 0 0 0 4.156-3.075l34.077-34.077l-.333-.333a29.547 29.547 0 0 1 0-41.806l.082-.082a29.547 29.547 0 0 0 .001 41.805l.291.291l-.041.042l11.054 11.054l43.386-43.386a22 22 0 0 0 2.327-2.493a34 34 0 0 1-2.327 2.576l-43.386 43.386z"/></svg>Coredns Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:coredns-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:coredns-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:coredns-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--coredns-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:coredns-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:coredns-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/coredns-dark.svg" alt="Coredns Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Coredns Dark アイコン
Coredns Dark アイコン のよくある質問
Coredns Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Coredns Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:coredns-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coredns Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/coredns-dark.svg" alt="Coredns Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。