Coredns Dark アイコン
selfhst:coredns-dark
Coredns Dark アイコン(selfhst:coredns-dark)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- corednsdark、coredn
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGXUi4JSjV" x1="118.5" x2="377.85" y1="385.7" y2="126.35" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".2"/><stop offset=".21" stop-opacity=".4"/><stop offset=".52" stop-opacity=".6"/><stop offset=".9" stop-opacity=".8"/><stop offset="1"/></linearGradient><path fill="url(#SVGXUi4JSjV)" d="M458.1 292.9L285 465.9c-23.8 23.8-62.5 23.8-86.3 0l-77.4-77.4l37.3-37.3l13.6 13.6c19.1 19.1 50.1 19.1 69.2 0l114.5-114.5c19.1-19.1 19.1-50.1 0-69.2l-28.5-28.5c-19.1-19.1-50.1-19.1-69.2 0l-40.5 40.5l-13.3-13.3c-17-17-44.6-17-61.7 0L29.1 293.6c-14.1-23.5-11-54.2 9.2-74.4l173-173.1c23.8-23.8 62.5-23.8 86.3 0l160.5 160.5c23.8 23.8 23.8 62.4 0 86.3m-283.3 42.2l13 13c10.4 10.4 27.3 10.4 37.6 0l113.9-113.9c10.4-10.4 10.4-27.3 0-37.6l-27.4-27.4c-10.4-10.4-27.3-10.4-37.6 0l-40.4 40.4l2.5 2.5c17 17 17 44.6 0 61.7z"/><path d="m326.8 183.9l15.9-15.9l13.2 13.2c19.1 19.1 19.1 50.1 0 69.2l-64.1 64.1l-16.3-16.3l63.9-63.9c10.4-10.4 10.4-27.3 0-37.6z" opacity=".5"/><path d="M29.1 293.6L142.7 180c17-17 44.6-17 61.7 0l13.3 13.3l-73.9 73.9c-19.1 19.1-19.1 50.1 0 69.2l14.9 14.9l-37.3 37.3l-83.1-83.1c-3.7-3.7-6.7-7.7-9.2-11.9m207.2-81.7l-2.5-2.5l-73.4 73.6c-10.4 10.4-10.4 27.3 0 37.6l14.5 14.5l61.5-61.5c17-17 17-44.6-.1-61.7m262.9-74.8l-32-32c-17-17-44.6-17-61.7 0L381 129.6l77 77c5.9 5.9 10.3 12.7 13.3 20l27.8-27.8c17.2-17.1 17.2-44.7.1-61.7" opacity=".55"/><path d="m121.4 388.6l-15 15c-17 17-44.6 17-61.7 0l-32-32c-17-17-17-44.6 0-61.7L29 293.6c2.5 4.2 5.5 8.2 9.2 11.9zm336.7-182l-77-77l-38.4 38.4l13.2 13.2c19.1 19.1 19.1 50.1 0 69.2l-64.1 64.1l15.1 15.1c17 17 44.6 17 61.7 0l102.9-102.9c-3.1-7.4-7.5-14.2-13.4-20.1m-183.2 29.2l51.9-51.9l12.6 12.6c10.4 10.4 10.4 27.3 0 37.6L275.5 298l-.6-.6c-17-17-17-44.6 0-61.6"/></svg>Coredns Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:coredns-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:coredns-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:coredns-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--coredns-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:coredns-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:coredns-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/coredns-dark.svg" alt="Coredns Dark アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Coredns Dark アイコン
Coredns Dark アイコン のよくある質問
Coredns Dark アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Coredns Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:coredns-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Coredns Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/coredns-dark.svg" alt="Coredns Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。