Daily icon
logos:daily
The Daily icon (logos:daily) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 176 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 176
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="176" viewBox="0 0 512 176"><path d="M0 137.599V99.652L49.589 0h67.466v37.964l-49.564 99.635zM186.452 35.618l1.9.343q4.77.765 9.158 2.671a32.5 32.5 0 0 1 8.013 4.96a24.9 24.9 0 0 1 6.295 6.869h.382V.094h21.75v136.22h-20.605v-13.355h-.382q-4.387 8.586-12.783 12.401q-8.394 3.625-17.742 3.625q-11.639 0-20.414-4.006q-8.585-4.197-14.31-11.257q-5.723-7.06-8.584-16.598q-2.862-9.73-2.862-20.795q0-13.356 3.625-23.085t9.539-16.026q6.105-6.297 13.737-9.158q7.821-3.052 15.835-3.052q3.663 0 7.448.61m-28.435 52.428q0 6.295 1.527 12.4q1.716 6.106 4.96 10.875a26 26 0 0 0 8.585 7.632q5.151 2.861 12.21 2.862q7.25 0 12.402-3.053q5.341-3.052 8.585-8.013q3.434-4.96 4.96-11.066a48.4 48.4 0 0 0 1.717-12.782q0-16.408-7.44-25.565q-7.25-9.158-19.842-9.158q-7.632 0-12.973 3.244q-5.152 3.053-8.586 8.203q-3.243 4.96-4.77 11.447q-1.335 6.297-1.335 12.974m174.63 50.748l-1.764.143q-.81.048-1.479.048q-6.677 0-11.065-2.671t-5.724-9.348q-6.486 6.296-16.025 9.157q-9.349 2.862-18.125 2.862q-6.678 0-12.783-1.908q-6.105-1.717-10.874-5.151q-4.58-3.626-7.441-8.967q-2.67-5.532-2.671-12.782q0-9.158 3.243-14.882q3.435-5.723 8.776-8.966q5.534-3.244 12.21-4.58a129 129 0 0 1 13.737-2.289q5.914-1.145 11.256-1.526q5.343-.573 9.349-1.717q4.197-1.145 6.487-3.434q2.48-2.48 2.48-7.25q0-4.197-2.099-6.868q-1.908-2.671-4.96-4.007q-2.862-1.526-6.487-1.908q-3.625-.572-6.868-.572q-9.158 0-15.072 3.816q-5.915 3.815-6.678 11.829h-21.75q.573-9.54 4.58-15.836q4.006-6.295 10.111-10.111q6.297-3.816 14.119-5.342a83.5 83.5 0 0 1 16.025-1.526q7.25 0 14.309 1.526q7.059 1.525 12.592 4.96q5.723 3.435 9.158 8.967q3.434 5.343 3.434 13.164v50.75q0 4.005.954 5.722q1.144 1.718 4.197 1.718h2.289q1.335 0 3.053-.382v15.072q-1.145.382-3.053.763q-1.717.573-3.625.954a40 40 0 0 1-3.815.572m-53.502-44.798l-1.634.536q-3.244.954-5.724 2.862q-2.48 1.718-4.006 4.77q-1.336 2.86-1.336 7.058q0 3.625 2.099 6.106a16.8 16.8 0 0 0 4.96 4.006a27.3 27.3 0 0 0 6.487 1.908q3.625.573 6.487.573q3.625 0 7.822-.955a24.9 24.9 0 0 0 7.822-3.243q3.816-2.29 6.296-5.723q2.48-3.625 2.48-8.776V86.9q-4.96 3.242-12.21 4.007a141 141 0 0 0-14.5 1.907a40 40 0 0 0-5.043 1.18M348.99.094h21.75v20.605h-21.75zm0 37.585h21.75v98.635h-21.75zM387.379.094h21.75v136.22h-21.75zm82.268 151.256l-1.336 3.089q-2.48 6.105-6.295 10.684q-3.626 4.77-9.158 7.44q-5.533 2.862-14.118 2.862a99 99 0 0 1-15.072-1.145v-18.315q2.67.381 5.151.763q2.48.573 5.152.573q3.815 0 6.295-.955q2.481-.954 4.007-2.861q1.717-1.718 2.862-4.197q1.144-2.481 2.098-5.724l2.48-7.632L414.32 37.68h23.848l25.756 73.642h.381l24.992-73.642H512l-38.346 103.977a447 447 0 0 1-4.007 9.694"/></svg>How to use the Daily icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:daily" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:daily" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:daily" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--daily]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:daily"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:daily"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/daily.svg" alt="Daily icon" width="24" height="24">Related icons in SVG Logos
Daily icon FAQ
Is the Daily icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Daily icon in React?
Install @iconify/react and render <Icon icon="logos:daily" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Daily icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/daily.svg" alt="Daily icon">, or paste the SVG code inline to style it with CSS.