semantic ui logo
semantic-ui from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- semantic-ui
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Related icons in SVG Logos
Use the semantic ui logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#34bdb2" d="M0 0h256v256H0z"/><path fill="#fff" d="M168.461 87.041c-13.516-7.842-25.514-14.009-41.21-13.737c-8.98.156-16.69 5.037-18.311 13.97c-1.509 8.311 5.879 12.921 13.565 15.751c12.747 4.694 23.844 9.65 36.369 14.869c22.769 9.489 34.444 24.856 33.064 44.573c-1.756 25.087-16.854 43.08-40.849 49.012c-31.354 7.752-61.801-4.056-87.526-20.54c6.493-9.891 14.026-16.643 20.48-26.474c14.862 6.326 26.538 14.874 42.086 16.207c10.963.94 23.385.417 25.848-12.46c2.22-11.612-7.886-17.837-17.743-21.314c-11.735-4.139-23.448-9.202-34.956-13.902c-21.273-8.689-29.929-25.684-28.472-45.705c0-11.739 9.74-35.466 33.621-42.846c36.692-11.34 56.908.272 83.515 17.371c-7.067 9.346-12.5 15.991-19.481 25.225"/></svg>
React
import type { SVGProps } from "react";
export function LogosSemanticUi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#34bdb2" d="M0 0h256v256H0z"/><path fill="#fff" d="M168.461 87.041c-13.516-7.842-25.514-14.009-41.21-13.737c-8.98.156-16.69 5.037-18.311 13.97c-1.509 8.311 5.879 12.921 13.565 15.751c12.747 4.694 23.844 9.65 36.369 14.869c22.769 9.489 34.444 24.856 33.064 44.573c-1.756 25.087-16.854 43.08-40.849 49.012c-31.354 7.752-61.801-4.056-87.526-20.54c6.493-9.891 14.026-16.643 20.48-26.474c14.862 6.326 26.538 14.874 42.086 16.207c10.963.94 23.385.417 25.848-12.46c2.22-11.612-7.886-17.837-17.743-21.314c-11.735-4.139-23.448-9.202-34.956-13.902c-21.273-8.689-29.929-25.684-28.472-45.705c0-11.739 9.74-35.466 33.621-42.846c36.692-11.34 56.908.272 83.515 17.371c-7.067 9.346-12.5 15.991-19.481 25.225"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#34bdb2" d="M0 0h256v256H0z"/><path fill="#fff" d="M168.461 87.041c-13.516-7.842-25.514-14.009-41.21-13.737c-8.98.156-16.69 5.037-18.311 13.97c-1.509 8.311 5.879 12.921 13.565 15.751c12.747 4.694 23.844 9.65 36.369 14.869c22.769 9.489 34.444 24.856 33.064 44.573c-1.756 25.087-16.854 43.08-40.849 49.012c-31.354 7.752-61.801-4.056-87.526-20.54c6.493-9.891 14.026-16.643 20.48-26.474c14.862 6.326 26.538 14.874 42.086 16.207c10.963.94 23.385.417 25.848-12.46c2.22-11.612-7.886-17.837-17.743-21.314c-11.735-4.139-23.448-9.202-34.956-13.902c-21.273-8.689-29.929-25.684-28.472-45.705c0-11.739 9.74-35.466 33.621-42.846c36.692-11.34 56.908.272 83.515 17.371c-7.067 9.346-12.5 15.991-19.481 25.225"/></svg> </template>
CSS
.icon-semantic-ui {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%2334bdb2%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M168.461%2087.041c-13.516-7.842-25.514-14.009-41.21-13.737c-8.98.156-16.69%205.037-18.311%2013.97c-1.509%208.311%205.879%2012.921%2013.565%2015.751c12.747%204.694%2023.844%209.65%2036.369%2014.869c22.769%209.489%2034.444%2024.856%2033.064%2044.573c-1.756%2025.087-16.854%2043.08-40.849%2049.012c-31.354%207.752-61.801-4.056-87.526-20.54c6.493-9.891%2014.026-16.643%2020.48-26.474c14.862%206.326%2026.538%2014.874%2042.086%2016.207c10.963.94%2023.385.417%2025.848-12.46c2.22-11.612-7.886-17.837-17.743-21.314c-11.735-4.139-23.448-9.202-34.956-13.902c-21.273-8.689-29.929-25.684-28.472-45.705c0-11.739%209.74-35.466%2033.621-42.846c36.692-11.34%2056.908.272%2083.515%2017.371c-7.067%209.346-12.5%2015.991-19.481%2025.225%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22%2334bdb2%22%20d%3D%22M0%200h256v256H0z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M168.461%2087.041c-13.516-7.842-25.514-14.009-41.21-13.737c-8.98.156-16.69%205.037-18.311%2013.97c-1.509%208.311%205.879%2012.921%2013.565%2015.751c12.747%204.694%2023.844%209.65%2036.369%2014.869c22.769%209.489%2034.444%2024.856%2033.064%2044.573c-1.756%2025.087-16.854%2043.08-40.849%2049.012c-31.354%207.752-61.801-4.056-87.526-20.54c6.493-9.891%2014.026-16.643%2020.48-26.474c14.862%206.326%2026.538%2014.874%2042.086%2016.207c10.963.94%2023.385.417%2025.848-12.46c2.22-11.612-7.886-17.837-17.743-21.314c-11.735-4.139-23.448-9.202-34.956-13.902c-21.273-8.689-29.929-25.684-28.472-45.705c0-11.739%209.74-35.466%2033.621-42.846c36.692-11.34%2056.908.272%2083.515%2017.371c-7.067%209.346-12.5%2015.991-19.481%2025.225%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/semantic-ui.svg?color=%231a73e8&size=48
