Sass Doc icon
logos:sass-doc
The Sass Doc icon (logos:sass-doc) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 216 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
- 256 × 216
- Tags
- sassdoc
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="216" viewBox="0 0 256 216"><path fill="#5c4863" d="M51.437 123.553c14.914 0 22.31-7.888 22.31-17.503c0-22.926-37.47-13.805-37.47-28.719c0-6.163 5.546-10.847 14.79-10.847c7.889 0 14.298 3.205 17.75 7.889l3.574-4.56c-4.314-4.808-11.093-8.752-21.324-8.752c-13.435 0-21.2 7.395-21.2 16.516c0 21.448 37.594 12.203 37.594 28.473c0 6.903-5.917 12.08-15.9 12.08c-8.382 0-15.408-3.945-19.23-8.752l-3.82 4.684c5.916 6.656 13.312 9.491 22.926 9.491m83.077-1.479V80.166c0-13.312-9.614-19.105-21.694-19.105c-9.86 0-16.763 3.328-22.926 9.984l3.574 4.437c5.424-6.163 11.217-8.751 18.736-8.751c8.751 0 15.9 4.807 15.9 13.681v12.08c-5.177-5.793-11.956-8.505-20.214-8.505c-10.354 0-20.831 6.78-20.831 19.721c0 12.82 10.6 19.845 20.83 19.845c8.26 0 14.915-2.712 20.215-8.505v7.026zm-24.406-3.574c-9.737 0-16.27-6.287-16.27-14.668c0-8.504 6.533-14.79 16.27-14.79c7.15 0 13.805 2.711 17.996 8.258v13.065c-4.19 5.423-10.847 8.135-17.996 8.135m62.123 5.053c14.914 0 22.31-7.888 22.31-17.503c0-22.926-37.472-13.805-37.472-28.719c0-6.163 5.547-10.847 14.792-10.847c7.888 0 14.298 3.205 17.749 7.889l3.574-4.56c-4.314-4.808-11.093-8.752-21.323-8.752c-13.436 0-21.201 7.395-21.201 16.516c0 21.448 37.594 12.203 37.594 28.473c0 6.903-5.916 12.08-15.9 12.08c-8.381 0-15.408-3.945-19.229-8.752l-3.82 4.684c5.916 6.656 13.312 9.491 22.926 9.491m56.576 0c14.914 0 22.31-7.888 22.31-17.503c0-22.926-37.47-13.805-37.47-28.719c0-6.163 5.546-10.847 14.79-10.847c7.888 0 14.298 3.205 17.75 7.889l3.573-4.56c-4.314-4.808-11.092-8.752-21.323-8.752c-13.435 0-21.2 7.395-21.2 16.516c0 21.448 37.594 12.203 37.594 28.473c0 6.903-5.917 12.08-15.9 12.08c-8.382 0-15.408-3.945-19.23-8.752l-3.82 4.684c5.916 6.656 13.312 9.491 22.926 9.491M59.955 214.52c22.35 0 37.932-14.185 37.932-35.891c0-21.491-15.581-35.783-38.04-35.783H31.586v71.674zm-.108-13.433H46.845v-44.81h13.11c14.614 0 22.35 9.78 22.35 22.352c0 12.25-8.274 22.458-22.458 22.458m82.957 14.722c21.599 0 37.395-15.474 37.395-37.073c0-21.598-15.796-37.072-37.395-37.072c-21.707 0-37.503 15.474-37.503 37.072c0 21.6 15.796 37.073 37.503 37.073m0-13.54c-13.325 0-21.814-10.208-21.814-23.533c0-13.432 8.49-23.533 21.814-23.533c13.217 0 21.706 10.101 21.706 23.533c0 13.325-8.49 23.533-21.706 23.533m82.957 13.54c15.688 0 24.823-8.704 29.873-17.623l-13.11-6.34c-3.01 5.804-9.457 10.423-16.763 10.423c-13.11 0-22.567-9.993-22.567-23.533s9.457-23.533 22.567-23.533c7.306 0 13.754 4.621 16.763 10.424l13.11-6.448c-5.051-9.026-14.184-17.515-29.873-17.515c-21.6 0-38.254 14.936-38.254 37.072c-.001 22.029 16.655 37.073 38.254 37.073"/><path fill="#dd5a6f" d="M8.308 61.08q-.46 1.376-1.031 2.75a12 12 0 0 1-1.318 2.406q-.745 1.031-1.66 1.546q-.917.517-1.948.173q-1.375-.23-1.547-2.006a8.4 8.4 0 0 1 .4-3.494q.803-2.75 2.35-7.275a395 395 0 0 1 3.55-9.91q2.006-5.385 4.24-11.17a2856 2856 0 0 1 4.296-11.056q2.063-5.27 3.781-9.567a462 462 0 0 0 2.635-6.702q.345-.687 1.031-1.145q.688-.459 1.433-.459q.743 0 1.49.459q.743.458 1.202 1.489q.916 2.406.114 4.697q-.801 1.834-2.29 5.671q-1.49 3.839-3.38 8.65a1250 1250 0 0 0-3.953 10.197q-2.062 5.385-3.896 10.253q-1.833 4.87-3.322 8.765a1038 1038 0 0 0-2.177 5.728m61.065-28.756a355 355 0 0 0-10.655-7.676a229 229 0 0 0 4.124 13.29q.345 1.374-.286 2.406q-.63 1.03-1.547 1.03q-1.489-.228-3.036-1.374q-1.547-1.145-2.12-2.75q-.458-1.031-1.145-3.322a1596 1596 0 0 1-1.604-5.385a125 125 0 0 0-3.61 5.614a670 670 0 0 0-3.15 5.27q-.915 1.26-2.062 1.432q-1.145.172-1.718-.515q-.802-1.26-.974-3.266q-.172-2.004.63-3.38q.574-.915 2.062-3.322a163 163 0 0 1 3.667-5.614q-2.406.573-4.698 1.203q-2.291.63-4.582 1.203q-1.376.23-2.406-.458q-1.032-.687-.917-1.604q.344-1.49 1.546-2.692a6.4 6.4 0 0 1 2.808-1.661q1.145-.344 3.723-.974q2.58-.63 5.9-1.432a183 183 0 0 1-4.525-2.807a78 78 0 0 0-4.525-2.693q-1.26-.802-1.433-2.062q-.171-1.26.516-1.833q1.26-.802 3.036-.744t3.15.973q1.147.573 3.209 1.948a81 81 0 0 1-.573-3.723a60 60 0 0 1-.344-3.38q-.115-1.26.573-2.177q.687-.916 1.604-1.031q.802-.23 1.948.516q1.145.744 1.718 2.806q.46 2.178 1.031 4.468q.573 2.292 1.146 4.927a228 228 0 0 1 4.468-5.843q2.177-2.75 4.124-4.697q.917-.917 2.063-1.032q1.145-.114 1.833.573q.572.459.859 1.833q.285 1.375-.974 3.094a319 319 0 0 1-2.864 3.838a204 204 0 0 0-3.323 4.525a65 65 0 0 1 5.843-.859q2.865-.285 5.385-.401q1.26 0 2.177.458q.915.459 1.031 1.375q.115.802-.687 1.948t-2.865 1.489q-1.947.344-4.182.687q-2.234.345-4.525.802q2.636 1.948 4.927 3.839q2.29 1.89 4.239 3.608q.915.915 1.202 1.891q.286.972-.286 1.776q-.572.572-1.947.801t-2.98-.916m46.514 0a355 355 0 0 0-10.654-7.676a229 229 0 0 0 4.124 13.29q.345 1.374-.287 2.406q-.629 1.03-1.546 1.03q-1.49-.228-3.036-1.374q-1.548-1.145-2.12-2.75q-.458-1.031-1.145-3.322a1596 1596 0 0 1-1.604-5.385a125 125 0 0 0-3.61 5.614a670 670 0 0 0-3.15 5.27q-.916 1.26-2.062 1.432t-1.718-.515q-.803-1.26-.975-3.266q-.172-2.004.63-3.38q.573-.915 2.063-3.322a163 163 0 0 1 3.666-5.614q-2.406.573-4.697 1.203t-4.583 1.203q-1.374.23-2.406-.458q-1.031-.687-.916-1.604q.343-1.49 1.546-2.692a6.4 6.4 0 0 1 2.807-1.661q1.146-.344 3.723-.974q2.58-.63 5.901-1.432a183 183 0 0 1-4.526-2.807a78 78 0 0 0-4.525-2.693q-1.26-.802-1.432-2.062t.516-1.833q1.26-.802 3.035-.744q1.777.058 3.151.973q1.146.573 3.208 1.948a81 81 0 0 1-.573-3.723a60 60 0 0 1-.343-3.38q-.115-1.26.572-2.177q.689-.916 1.604-1.031q.802-.23 1.948.516q1.146.744 1.719 2.806q.459 2.178 1.03 4.468q.574 2.292 1.146 4.927a228 228 0 0 1 4.469-5.843q2.177-2.75 4.124-4.697q.916-.917 2.062-1.032t1.833.573q.573.459.86 1.833q.285 1.375-.974 3.094a319 319 0 0 1-2.864 3.838a204 204 0 0 0-3.323 4.525a65 65 0 0 1 5.843-.859q2.864-.285 5.385-.401q1.26 0 2.177.458q.916.459 1.03 1.375q.116.802-.687 1.948t-2.864 1.489q-1.947.344-4.182.687q-2.235.345-4.525.802q2.635 1.948 4.926 3.839q2.292 1.89 4.24 3.608q.914.915 1.202 1.891q.286.972-.286 1.776q-.573.572-1.948.801t-2.979-.916"/></svg>How to use the Sass Doc icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:sass-doc" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:sass-doc" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:sass-doc" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--sass-doc]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:sass-doc"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:sass-doc"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/sass-doc.svg" alt="Sass Doc icon" width="24" height="24">Related icons in SVG Logos
Sass Doc icon FAQ
Is the Sass Doc 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 Sass Doc icon in React?
Install @iconify/react and render <Icon icon="logos:sass-doc" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sass Doc icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/sass-doc.svg" alt="Sass Doc icon">, or paste the SVG code inline to style it with CSS.